Webデザイン

現在地がわからないサイトを改善する2つのアプローチ

2015/10/06(Tue) 07:37

ユーザーがサイト内で方向転換しようとするときは、現在地の情報を参考にします。わかりやすさと冗長さのバランスをとりながら、ナビゲーションとパンくずリストの組み合わせで現在地を表現しましょう。

http://web-tan.forum.impressrd.jp/e/2015/10/06/20701

ナビゲーションに一貫性がないサイトを改善する4つのアプローチ

2015/10/02(Fri) 07:36

ナビゲーションのルールが明確になるように設計して、サイト内で一貫性が保たれるようにしまょう

http://web-tan.forum.impressrd.jp/e/2015/10/02/20700

光と影を使った、デザイナーが実践したい10個の有効デザインテクニックまとめ

2015/09/30(Wed) 07:46

窓から太陽の光が差し込み、部屋の中にある物体に光が当たることで、色が変わり、影を落としたような光景を見たことはないでしょうか。

http://photoshopvip.net/archives/81946

Webページのレイアウトに役立つ20のデザインテクニック

2015/09/30(Wed) 07:45

ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。

http://coliss.com/articles/build-websites/operation/design/designing-with-contrast-by-canva.html

現役デザイナー直伝！コントラストのあるデザインの作り方秘訣20個まとめ

2015/09/24(Thu) 07:33

デザインにおけるコントラスト（英: Contrast）は、白と黒の違いや、大きいと小さいの違いなど以上の意味合いがあります。

http://photoshopvip.net/archives/81526

ずっと使える、デザインの基本をまとめました。

2015/09/24(Thu) 07:33

覚えておくことで、いつまでも長く利用することができるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。

http://photoshopvip.net/design-classroom

[CSS]軽量のスタイルシートで、スマホにもデスクトップにも快適で分かりやすいナビゲーション -Paradeiser

2015/09/17(Thu) 07:30

スマホで表示すると三本線のアイコンになるハンバーガーメニューは、確かに小さい画面の問題を解決する方法の一つですが、ベストな選択ではありません。ハンバーガーメニューの良い点を利用し、悪い点を改善した、スクリプト無しでレスポンシブ対応のナビゲーションを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/small-mobile-navigation-paradeiser.html

全デザイナー要注目！美しいデザインの構図を決める10個の黄金ルールまとめ

2015/09/17(Thu) 07:28

どんなに美しいグラフィックデザインを利用したとしても、構図（英: Composition）が不十分だと、デザインの良さは消えてしまいます。デザインの構成、組み立てはとても重要といえるでしょう。

http://photoshopvip.net/archives/81431

入力フォームの「フリガナ」「住所」は自動入力せよ！ ユーザーが入力する手間は減らせ／15か条の12

2015/09/11(Fri) 07:30

登録フォームでユーザーが入力する手間を減らすために、わかりきった情報の「フリガナ」「住所」は自動入力にしよう。

http://web-tan.forum.impressrd.jp/e/2015/09/11/17007

iOSアプリのアイコンデザインをコレクションしているWebギャラリー・「Iconsfeed」

2015/09/09(Wed) 07:27

IconsfeedはiOSアプリのアイコンデザインギャラリーです。アイコンは全てではなく、管理者の主観や投稿によるコレクションのようで、現在380ほどが掲載されています。

http://kachibito.net/useful-resource/iconsfeed