Webデザイン

UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します

2016/06/21(Tue) 07:25

Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。

http://coliss.com/articles/build-websites/operation/work/what-is-adobe-xd.html

これからのWebデザインは、コンポーネント化を意識しよう | Webクリエイターボックス

2016/06/15(Wed) 07:29

Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。

http://www.webcreatorbox.com/inspiration/component-design/

読んでよかった！デザインにおけるコミュニケーションのスキルを磨けるオススメの本

2016/06/13(Mon) 07:26

デザインはその技術やセンスを磨くだけでなく、コミュニケーションのスキルも非常に大切です。デザイナー同士、ディレクターと、またチーム内や対クライアントとの間でのアドバイスやフィードバックやプレゼンなど、制作のプロセスに欠かせません。

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

商品を素敵に魅せる、アピール度抜群な最新UIデザイン50個まとめ

2016/06/13(Mon) 07:24

インターネットによる商品販売が当たり前となったいま、よりデザインを重視することで、ユーザーの注目を効果的に集めることができます。今回は、最新デザイントレンドを取り入れた、プロダクト商品の新しい魅せ方を提案した、素敵なUIデザインをまとめています。

http://photoshopvip.net/90948

【便利すぎて神に感謝】効率化を極めたGoogle Chromeの拡張機能13選

2016/06/09(Thu) 07:27

今まで1時間かけてやってきたことがたったの15分でできるようになったら、凄くありがたいですよね。余った45分間で世界を変えられるかもしれません。時は金なりです。ということで今回は、一気に作業の効率化を図れるGoogle Chromeの拡張機能を調べてみました。

http://liginc.co.jp/282865

レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」

2016/06/07(Tue) 07:30

PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。

http://kachibito.net/useful-resource/pills

最近気になったハイクオリティなUIキット #17

2016/06/07(Tue) 07:28

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。

http://www.nxworld.net/material/high-quality-ui-kits-201605.html

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