Webデザイン

手軽にグラフを作成し、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

プロ御用達！WEBデザインに役立つデザインツール13選

2015/06/11(Thu) 07:57

忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。

http://blog.codecamp.jp/web_design_tool/

デザインの引き出しに入れておきたいテクニック！Webならではのミニマルの効果的な使い方 -The Elegance of Minimalism

2015/06/08(Mon) 07:50

広いホワイトスペースやネガティブスペース、ブラックのタイポグラフィ、これらは確かにミニマルの特徴ですが、Webデザインに特有するものではありません。最近のWebデザインでは、Webならではのミニマルを効果的に使うようになりました。

http://coliss.com/articles/build-websites/operation/design/web-ui-design-trends-minimalism-by-uxpin.html

フォームの2大誤操作「閉じる・戻る」での離脱を減らす確認ダイアログを実装しよう／15か条の10

2015/06/05(Fri) 07:50

フォームの2大誤操作「閉じる」または「戻る」離脱の対策として有効な「確認ダイアログ」の活用例を紹介します。

http://web-tan.forum.impressrd.jp/e/2015/06/05/17005

料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！

2015/05/28(Thu) 08:10

サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。

http://www.webcreatorbox.com/inspiration/price-table/

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワーク -Hartija

2015/05/28(Thu) 08:08

Webページをブラウザから印刷する際に、最適化するためのCSSのフレームワークを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-framework-for-print-hartija.html