Webデザイン

CSS3のFlexBoxで実装する、知っておきたい5つのレイアウトテクニックまとめ

2016/06/01(Wed) 07:28

Flexbox は、もともとウェブサイトやモバイルアプリのUIをデザインするために最適化された CSS です。 Flexbox のさまざまなプロパティを利用することで、これまでは CSS のみで難しかったレイアウトや配置を実現できるようになりました。

http://photoshopvip.net/90700

UXデザイナーって何するの？

2016/05/31(Tue) 07:20

最近、求人サイトなどを見てみると、「Webデザイナー」という職種での募集よりも「UXデザイナー」での募集をよく見かける気がします。しかし、UXデザイナーって実際どんな仕事をしているんでしょうか？

http://www.webcreatorbox.com/webinfo/ux-designer/

Photoshopのトーンカーブをなんとなく使っていませんか？改めて基礎や活用方法について学ぼう

2016/05/30(Mon) 07:34

Photoshopを使った画像補正で無くてはならない機能が「トーンカーブ」です。感覚で使うこともできますが、最大限に活用するためには正しい理解が必要です。

https://ferret-plus.com/4050

デザインに自信がない人も大丈夫！無料UIキットでWeb制作スピードをアップしよう。

2016/05/30(Mon) 07:33

ウェブサイトのデザインが決まらないときは、PhotoshopやSketchで編集できる、UIコンポーネントやPSDテンプレートを活用してみましょう。

http://photoshopvip.net/90505

需要が高まっているアニメーションを取り入れたWebサイトのデザインプロセスを大公開！【実例あり】

2016/05/25(Wed) 07:30

インフォグラフィックやアニメーションにフォーカスし、デザイナー目線での制作プロセスをご紹介していきます。

http://liginc.co.jp/262652

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