Webデザイン

UIデザインで大切な空白スペースの効果的な使い方

2015/07/02(Thu) 07:51

空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。

http://coliss.com/articles/build-websites/operation/design/white-space-is-crucial-to-ux-design-by-jerry.html

デザインの勉強にいい！有名ブランドのガイドラインのまとめ

2015/07/01(Wed) 07:55

Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。スタバ、ケンタ、Heineken、NASA、LEGOなど、ちょっと珍しいガイドラインもあります。LEGOのガイドラインは、かなりLEGOらしい出来映えです。

http://coliss.com/articles/build-websites/operation/work/visual-identity-guidelines-for-ux-desiners.html

デザインの階層ルールをつくる、5つの効果的なテクニックまとめ

2015/07/01(Wed) 07:54

効果的なビジュアル階層、ヒエラルキー（英: Visual Hierarchy）を作成する５つのデザインテクニックをまとめてご紹介します。

http://photoshopvip.net/archives/78950

現役デザイナーが明かす！デザインを良くする12個の鉄板ルールと具体例

2015/06/26(Fri) 06:58

デザイナーではないひとにとって、デザイナーの行う作業を見ていると何をやっているのかよくわからないものかもしれません。どうやって利用するフォントを選んでいるのでしょう？

http://photoshopvip.net/archives/78723

文字テキストとイメージ写真の上手な組み合わせ！５つのシンプルな方法まとめ

2015/06/22(Mon) 07:57

文字テキストとイメージ写真を組み合わせる、効果的な5つのテクニックを利用することで、見た目の構図を美しく、そして読みやすくすることができます。ちょっとした工夫をすることで、あなたのデザインをより魅了的に仕上げてくれます。

http://photoshopvip.net/archives/78554

手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」

2015/06/19(Fri) 07:45

Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ（線グラフ、棒グラフ、円グラフ）を選択して対象の数値を入力し、タイトル等を入力するだけ。

http://kachibito.net/useful-resource/really-easy-charts

こんな発想なかった！世界のクリエイティブな広告デザインまとめ

2015/06/18(Thu) 07:58

ひと目見ただけでは、何のことを意味しているのか分からない、頭にヒネリを加えるアイデアによって、コンセプトやメッセージ性を分かりやすく伝える素敵な作品ばかりです。

http://photoshopvip.net/archives/78296

デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック

2015/06/16(Tue) 07:52

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/20-design-rules-by-canva.html

Web制作のワークフローに特化、Gitの効果的な使い方に気づかせてくれる入門書 -Gitがおもしろいほどわかる基本の使い方33

2015/06/15(Mon) 07:49

Gitを使ってみたい、興味がある、挫折してしまった、と思っているWeb制作者にぴったりのWeb制作の現場での仕事で使うシーンを想定して、Git初心者でも分かりやすく、Gitの活用法が短時間でしっかり身につく入門書を紹介します。

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

Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど

2015/06/12(Fri) 07:45

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/work/cheat-sheets-for-front-end-developer-201506.html