Webデザイン

Webサイト制作を大幅短縮！すごい無料UIコンポーネント＆PSDページレイアウトまとめ

2015/02/04(Wed) 07:37

Webサイトをデザインするときに活用することで、今っぽいデザインを手軽に完成させることができるPhotoshop用UIコンポーネントやWebページテンプレートPSD素材をご紹介します。

http://photoshopvip.net/archives/73042

飲食系Webサイト制作で気をつけたい10個のポイントまとめ

2015/01/26(Mon) 21:36

食べものに関連するデザインプロジェクトは、しばしば制作に困ってしまうケースも多いのではないでしょうか。たとえば、美味しそうな料理の写真を撮影するのはむずかしい作業ですし、どやって美味しそうな食事の匂いをどのように伝えることができるでしょう。

http://photoshopvip.net/archives/72614

これからのWeb制作に必要な知識や気になるテクニックがよく分かるオススメの本 -新Webデザインの大原則

2015/01/21(Wed) 09:21

マルチデバイス時代の使いやすい、分かりやすいWeb制作にどのように取り組むべきか、いま求められているWeb制作の知識や気になるテクニックが網羅されたオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4844364707.html

ディレクターやWebメディア編集者ポジションで確認しておきたい、もらい写真素材のチェック項目

2015/01/21(Wed) 09:19

いくら事後修正がきくWebと言えども、しょうもないことでの公開後の差し替えや修正は避けたいですよね。そのためにも、もらい素材を受け取る窓口となる「ディレクター」や「メディア編集者」は最低でも以下の項目はざっとチェックをしておきましょう。

http://liginc.co.jp/web/useful/136452

Webデザインの勉強になる！有名ブランドサイトのスタイルガイドのまとめ -Brand Style Guide Example

2015/01/19(Mon) 07:47

最近はスタイルガイドを公開しているサイトも増えてきました。有名ブランドのWebサイトのスタイルガイドやガイドラインを数多くまとめているサイトを紹介します。

http://coliss.com/articles/build-websites/operations/style-guide/brand-style-guide-examples.html

“モバイルファースト”とはスマホサイトを最初に作ること？ 本来の意味を正しく理解すべし！

2015/01/16(Fri) 08:59

モバイルファーストとはユーザー＆コンテンツ中心のWebサイト構築によってお客さまのニーズに最適化すること

http://web-tan.forum.impressrd.jp/e/2015/01/15/19034

ヒーローイメージを利用するときに必要な、5個のデザインテクニックまとめ

2015/01/16(Fri) 08:59

今回はヒーロイメージについて深く掘りさげ、幅広い業種や分野において適用する方法を、ポイントごとにまとめてご紹介します。多くの場合、イメージ写真のクオリティが問題とされますが、その他にも考慮しておきたい重要ポイントがいくつかあります。

http://photoshopvip.net/archives/72310

デザインTips: 角丸パネルに角丸パネルを重ねた時、それぞれの角丸をバランスよくデザインする方法

2015/01/09(Fri) 07:47

角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか？ 親と子のカーブを同じにしたり、親のカーブを緩やかにしたり、その時の見た目でデザインすることもあるかもしれません。

http://coliss.com/articles/build-websites/operation/design/rounded-corners-done-right-by-tutsplus.html

夫のあるUIがいい！CSSで円・楕円・多角形などのクリップパスが簡単に作成できるオンラインサービス -Clippy

2015/01/08(Thu) 08:42

CSSの「clip-path」を使い、円・楕円・多角形などのさまざまな形状のクリップパスが簡単に生成できるオンラインサービスを紹介します。UIも随所に工夫がある非常に使いやすいデザインになっています。

http://coliss.com/articles/build-websites/operation/css/css-clip-path-clippy.html

2015年デザイナー注目！実践で使える無料UIコンポーネント素材30個まとめ

2015/01/07(Wed) 07:47

デザインインスピレーションの参考にできるだけでなく、デザイン制作をスピードアップする新作UIコンポーネント素材をまとめてご紹介します。

http://photoshopvip.net/archives/71985