Webデザイン

Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ

2016/05/24(Tue) 07:25

Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。

http://coliss.com/articles/build-websites/operation/work/helpful-tools-for-front-end-developer.html

レスポンシブの表示も完璧に定義できる優れもの！スタイルガイドを作成するのに役立つテンプレート -Styleguide

2016/05/20(Fri) 07:35

スタイルガイドとして見やすくて使いやすく、そして作成・編集も簡単に行え、モジュール式でカスタマイズ性にも優れたスタイルガイドを作成できるnode.jsベースのテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/visual-style-library-styleguide.html

デザインやイラストの質感アップに効果あり！無料でダウンロードできるPhotoshopのブラシのまとめ

2016/05/19(Thu) 07:33

人物の肌や髪に質感を与えたり、水彩や油絵やペン画のようなタッチに仕上げたり、レース柄や水滴などがさっと描けたり、マンガで使うスクリーントーンなど、イラストやお絵描きやデジタルアートなどに無料で使えるPhotoshopのブラシを紹介します。

http://coliss.com/articles/build-websites/operation/design/free-photoshop-brushes-2016-spring.html

最近のWebサイトで見かける便利な機能や仕掛け、気持ちいいアニメーションを実装するCSSやスクリプトのまとめ

2016/05/18(Wed) 07:27

最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html

CSSでコンテンツが少なくてもフッターをウィンドウ下部に表示する方法

2016/05/17(Tue) 07:30

特に何も考えず組んでいると、コンテンツの内容が少ない場合に本来ウィンドウ下部に表示されてほしいフッターコンテンツなどが中途半端な位置に表示され、その分フッターとウィンドウ下部の間にある領域に大きな空白ができてしまうことがあります。

http://www.nxworld.net/tips/css-sticky-footer.html

Web制作者がチェックしておきたい！デザイン要素の定義や見せ方が勉強になる最近のスタイルガイドのまとめ

2016/05/17(Tue) 07:29

Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。

http://coliss.com/articles/build-websites/operation/work/style-guides-for-web-design.html

ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ

2016/05/17(Tue) 07:28

今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。

http://photoshopvip.net/89886

最先端ウェブデザインを体感する！アニメーションが美しいUIデザインまとめ

2016/05/17(Tue) 07:27

ブラウザやウェブサイト体験が進化したことで、さまざまなアニメーションを実装したウェブサイトや、モバイルアプリへの注目が集まっています。今回は「気持ちの良い動き」がポイントとなった、最新UIデザインをまとめてご紹介します。

http://photoshopvip.net/90033

分かりやすい！Illustratorのパスファインダーで合体・交差・分割・切り抜きなどがどうなるのか一目で分かるチートシート

2016/05/13(Fri) 10:50

Illustratorで複数のオブジェクトを組み合わせて、簡単な形から複雑な形をつくりだすことができるパスファインダーのチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/design/cheatsheet-illustrator-pathfinder.html

デザインは一手間が大切！画像が見違えるほど魅力的になるデザインテクニックのまとめ

2016/05/13(Fri) 10:49

一枚の絵には千の言葉に匹敵する価値がある「百聞は一見にしかず」は、コミュニケーションデザインにおいても有効です。わたし達は今までの経験と研究の両方の側面から、画像が多くのユーザーの目を引きつけることを知っています。

http://coliss.com/articles/build-websites/operation/design/image-enhancement-techniques.html