Webデザイン

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

著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと

2015/09/09(Wed) 07:26

デザイナーをはじめ、多くの制作者が利用している「アマナイメージズ」協力のもと、写真やイラストの著作権・被写体の肖像権についてまとめました。

http://coliss.com/articles/build-websites/operation/work/about-copyright-for-photo.html

最新Webトレンド「カード型デザイン」を取り入れるべき、効果的な4つの理由

2015/09/08(Tue) 07:32

勢いのあるWebデザイントレンドは、いつの時代も存在します。数年前に登場し、今でも人気のパララックス・スクロールは、誰もが覚えているでしょう。最近では、長い縦スクロールを利用したサイトが、ユーザーの注目を集めています。

http://photoshopvip.net/archives/81206

写真をうまく背景イメージに利用する、4つの基本デザインテクニックまとめ

2015/09/07(Mon) 07:37

今回はイメージ写真をつかって背景デザインを作成する、お手軽で実践的な、4つのデザインテクニックをご紹介します。知っているとデザインセンスがアップする基本ポイントをまとめています。

http://photoshopvip.net/archives/81191