Webデザイン

三分割法をつかった、美しい構図レイアウトの早業デザインテクニック

2016/02/25(Thu) 07:24

もしあなたがクリエイティブな分野に携わっているのなら、「三分割法（英: Rule of Thirds）」というキーワードを聞いたことがあるかもしれません。

http://photoshopvip.net/archives/87258

UIデザインでサイト制作フローを改善！無料ダウンロードできる素材と使い方まとめ

2016/02/23(Tue) 07:30

ウェブサイトやモバイルアプリの骨組みとも言えるプロトタイプは、ウェブデザインを作成するうえで重要な要素のひとつです。しかしもっと手軽に、手早く作成できたらと思ったことはないでしょうか。

http://photoshopvip.net/archives/87190

ブックマークしておきたい！UIデザインのアイデアに困った時、参考になるサイトのまとめ

2016/02/23(Tue) 07:29

WebサイトやアプリなどのUIデザインのアイデアに困った時の参考に、そして勉強になるサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/references-of-ui-design.html

Web制作で必要になる、７つの素敵レイアウトアイデアまとめ

2016/02/19(Fri) 07:33

ウェブサイトの制作はとてもデリケートな作業で、デザインを決定するよりも重要なポイントが、Webサイトのレイアウトです。

http://photoshopvip.net/archives/87064

今どきのウェブサイトをつくろう！差がつくHTML/CSSコードスニペット27個まとめ

2016/02/17(Wed) 07:27

新しいテクニックを活用した、最先端のウェブデザインから学ぶ、今後のウェブ制作に活用したい素敵なHTML/CSSコードスニペットをまとめています。

http://photoshopvip.net/archives/86971

レスポンシブWebデザインの基本！参考にしたい30個のポイントと実例サンプル

2016/02/16(Tue) 07:36

統一感（英: Consistency）を保つことが、同じ見た目や機能性よりも、デザインの鍵となるでしょう。今回は、マルチスクリーンに対応した、参考にしたい実例ウェブサイト30個を、各スクリーンサイズ毎に比較、まとめています。

http://photoshopvip.net/archives/86918

Web制作で必要な知識を基礎からしっかり理解し、ずっと役立つ応用力も身につくオススメの本 -Webデザインの新しい教科書

2016/02/15(Mon) 07:33

Web制作の知識を基礎から深く理解し、現在のWeb制作のワークフローを元に、現場で必要とされている技術的なテクニックを幅広く解説した一冊を紹介します。

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

Photoshopの文字加工をマスター！すごいデザインチュートリアル、無料素材まとめ

2016/02/12(Fri) 07:39

Photoshop のさまざまな使い方を、効率的に学ぶことができるデザインチュートリアル。その中でも文字テキストの加工エフェクトは、実践に対応できるテクニックが詰まっています。

http://photoshopvip.net/archives/86842

スマホ・タブレットをはじめ、27インチの大モニタまで！ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View

2016/02/12(Fri) 07:38

スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/work/responsive-view.html

角丸と矩形はどっち？ ベタ塗りとストロークとシャドウは？ やっぱりHelveticaなの？ -2015年Webデザイナーの実情を調査

2016/02/12(Fri) 07:37

PhotoshopとSketchは実際どのくらい使われているのか、ファイルを修正した際にどんな名前にするのかなど、ちょっと面白いデータもあります。

http://coliss.com/articles/build-websites/operation/design/how-designers-worked-in-2015.html