1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説 | Webデザイン、これからどうなるの？（全10回）
年々進化しているボタンをデザインするポイントを解説、デザイナーの追求に終わりの文字はない
Webデザインにおいて、ボタンの存在は欠かせません。検索する時、サイトにログインする時、ソーシャルでシェアする時、ショッピングカートに入れる時、たくさんのボタンが使用されています。 これらボタンのデザインはWeb業界と共に進化し続け、気がついたら数年前のデザインだったということもあるでしょう。 年々進化しているボタンがどのように変わってきたか、Dribbbleをベースにしてデザインするポイントを紹介します。 Button Design Over the Years 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2009年のボタンのデザイン 2010年のボタンのデザイン 2011年のボタンのデザイン 2012年のボタンのデザイン 2013年のボタンのデザイン 2014年のボタンのデザイン 2015年のボタンのデザイン 2016年
クソ酷いウェブサイト
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ？ お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ？ お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ？ どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確（もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな） よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
ホームページの世代間の理解格差？
アラ環社員に、今の自社ホームページ（昨年４月リニューアル）が分かりづらいと言われた。 しかし、全国のグループ会社や同業他社のＨＰみても、構成は大体似通っているし、他業種をみても、どこの会社も似たような作りが主流になっている気がする。 （大まかだけど具体的に言うと、トップページの上から順に①社名②メニューバー③大きな画像・バナー④画像化したりした大まかなメニュー⑤ニュース⑥リンク・バナーエリア、といった感じ） アラ環いわく「お前はそれで慣れているからそう言うんだ」だそうだが、こういうＨＰが多い以上逆にうちだけ突飛なやり方できないと思うし、そもそもわかりやすさを追求した結果の典型がうちのようなよくあるＨＰだと思うのだが。 現在は顧客に高齢者が多く、その世代からのいち意見として受け止めたいのはやまやまだが、おそらく今のＨＰは、高齢者だけじゃ今後ヤバいから若い世代も取り組もうという考えのもとにあっ
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い？ | Cherry Pie Web
（2016年7月26日：フォロー記事を書きました。「Windowsで游ゴシックが汚いのは、結局誰が悪いのか？」） （2016年7月11日追記：Windows8.1においても細字ではなく標準が使用されているのではないかというご指摘を受けて、若干表記を修正しました） （2016年6月29日追記：Twitterでご指摘を受けて、Windows8.1と10での違いを追記しました） （2017年3月27日追記：当サイトでの使用CSSについて追記しました） （2020年9月13日追記：当サイトでの使用フォントについて追記しました） タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント「游ゴシック」・「游明朝」が搭載され、CSSのfont-familyに「游ゴシック」を指定すれば、Webデザイナーの長年の悲願であっ
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた : らばQ
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた 仕事となるとどんな職業にも、相応の苦労はあることでしょう。 しかしながら今時のWEBデザインには独特の苦労ポイントがあるようで、Webデザインを分析した円グラフが人気となっていました。 今時のWEBデザインについての分析 ブラウザごとに表示のされ方が微妙に違うため、WEBデザインをしている人なら思うところはいろいろあるようです。 海外サイトのコメントも沢山集まっていましたので、一部抜粋してご紹介します。 ・「こんなのはたくさんだ、IE6もたくさんだ、というわけでXBOXで遊んでやる」と言う時間：95％ ・オレにとってはこのCSSのみでってのは本当だよ。よくそうやってテーブルを解決している。 ・IEが好きだってやつがいたら、そいつはスタイルシートを作ったことの無いやつだろうよ。 ・そうだな、あの古いフォーマット。
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
Webデザイン手書き風デザイン 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォントふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが
Webデザイナーちょっとこい、いえ、きてください
1 名前：以下、名無しにかわりましてVIPがお送りします：2009/09/01(火) 17:29:14.36 ID:3AdjpUoc0 就職するにあたって必要なスキルって何ですか？ イラレとフォトショはどれくらい使えればいいんですか？ 3 名前：以下、名無しにかわりましてVIPがお送りします：2009/09/01(火) 17:30:47.89 ID:rUKK5rM30 スキルも才能も0なのにデザイナーを目指すのか？ >>3 いや、どのくらいのスキルが必要なのか さっぱり分からないから経験者の声が聞きたい 9 名前：以下、名無しにかわりましてVIPがお送りします：2009/09/01(火) 17:32:40.04 ID:Fi2PRMEG0 イラレ＝グラデーションメッシュ フォトショ＝アルファチャンネル それぞれについてきちんと答えられるレベル >>9 説明できないおできないお(´；ω；`)
/画像・HTMLポップアップ表示
公式サイト ライブラリを使ったデモ ライセンス:MITライセンス prototype.js/script.aculo.usを使った同一ページ内ダイアログ作成ライブラリ
雨漏りで植物育成生活
コケを選択したセンスもさることながら、絵的にもアリかと。 読者投稿です。｢スタジオブルーアワー｣のデザイナー、野村悠さんから情報を頂いたこちらの装置、雨漏り対策に作られたようですよ。 ｢今時雨漏りする家もあるもんだな〜｣と、この名もない装置を眺めていたんですけど、パっと見、コケで雨水をろ過させて、飲み水として再利用するのかと思いました。よくよく考えると、コケで完全にろ過させるのは難しいですよね。 っていうか、コケってこんなにキレイなものだったっけ…。急にコケを育てたくなりました。 ［スタジオブルーアワー］ （大野恭希）
【今日の一枚】昆虫の視点
韓国のアーティスト、Hyungkoo Leeの作品。 ｢The Objectuals｣という、人体や顔面を改造する一連のアート作品のひとつ。たぶん虫の複眼を再現したメガネです。かけたら世界がどう見えるんですかね？ [Hyungkoo Lee via acidolatte via fabrik] Mark Wilson（いちる） 【関連記事】 ・キリストの顔、キットカットの中で発見される ・ロボット・タコ対スチームパンク・バトルシップ ・【今日の一枚】機械の目 ・誰の曲が録音されているか、ひと目で分かるアート ・もこもこした雲のかたちのふしぎな傘
テート・モダン増築で、ロンドンに巨大ピラミッドが出現!?
2016年の五輪を東京に招致！ ということで14日からIOCのメンバーが来日していますが、2012年の五輪開催国であるイギリスでは、五輪イヤーに合わせて近代美術館テート・ブリテン増築を進めているようです。 その完成予想図が、このピラミッドみたいな建物なんです。後ろに建っているテート・モダンの本館は、2000年にミレニアムを記念するプロジェクトの1つとして旧火力発電所をリフォームして出来たものですが、そびえ立つ塔がオベリスクっぽいから、調和がとれているのかも!? さて、今回の増築計画を請け負っているのは何処の建築事務所かというと？ 建築好きな人、美術館好きな人、イギリス好きな人は、既にご存知だと思いますけれど…。 本館と同様に今、最も注目を浴びているスイスの建築集団Herzog & de Meuronなんです。でも、タワーブリッジやセントポール大聖堂など、イギリスの顔ともいえる有名な観光エリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-807.html
【ボタン】Photoshop Vip » 思わずクリックしたくなる「ボタン」デザインのPhotoshop用PSD無料素材35個まとめ
パスワード認証
IDEA * IDEA
[CSS]半透明のパネルを使ったドロップダウン型ナビゲーションのスタイルシート
商用サイトでも無料で利用できる日本語のフリーフォント集