Webデザイン

雑誌はデザインの参考書!?Webデザインにも応用できることまとめ

2018/07/26(Thu) 10:14

今回は、デザインの参考に雑誌を見る際、何を考えて見ているのかお話ししたいと思います！

https://liginc.co.jp/397029

驚くほど簡単！コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches

2018/07/25(Wed) 09:54

ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/html-template-generator-stitches.html

デザイナーが注目したい！2018年の人気デザイントレンド厳選14個まとめ

2018/07/25(Wed) 09:53

2018年を半分を過ぎたところで、今年人気となっているデザイントレンドを確認するに絶好のタイミングと言えます。今回は、2018年にウェブサイトやモバイルアプリのUIデザインで人気のトレンド動向をまとめてご紹介します。

http://photoshopvip.net/110096

Webの情報を「いかに読みやすくするか」上級編は、色や余白を使った「グループ化」

2018/07/13(Fri) 10:03

整理した情報を「いかに読みやすくできるか」を考えてみたいと思います

https://webtan.impress.co.jp/e/2018/07/13/28579

デザインは気づきが大切！デザインを見る目をどのように養えばよいのか

2018/07/11(Wed) 09:56

UIのデザイナーをはじめ、デザイナーではない人でも、どのようにデザインのセンスを磨き、デザインを見る目をどのように養えばよいのかを紹介します。

https://coliss.com/articles/build-websites/operation/design/how-to-develop-an-eye-for-design.html

最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ

2018/06/27(Wed) 09:53

ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。

https://coliss.com/articles/build-websites/operation/work/creative-ux-design-concepts.html

フロントエンドのコーダーの頭の中、デザインを見た時にどんなことを考えるのか

2018/06/20(Wed) 09:49

フロントエンドのコーダーがデザインを見た時にどんなことを考えるのかを紹介します。デザインカンプを手がかりに、そのデザインが意味する仕様上のさまざまな可能性やそれらを実現するための実装方法を考えるなど、コーダーとして最も楽しい時間の一つです。

https://coliss.com/articles/build-websites/operation/work/your-brain-on-front-end-development.html

Webサイト内のフリクションを見つけて改善する７つの戦略

2018/06/14(Thu) 10:09

ユーザー体験の観点から言うと、フリクション（摩擦）とはユーザーが目標を達成するのを阻むすべての要因のことです。フリクションはユーザーとデザイナーの双方にとって重大な問題となります。なぜなら、フリクションはコンバージョンを低下させ、直帰率を上昇させて、ユーザーがタスクをやめてしまう要因となるからです。

http://uxmilk.jp/71909

Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのアイデア -2018年5,6月

2018/06/13(Wed) 09:59

デザインで悩んだ時には、新鮮なアイデアに触れてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのアイデアを紹介します。

https://coliss.com/articles/build-websites/operation/design/6-essential-design-trends-2018-june.html

すごい簡単！UIデザイン用のさまざまなSVGアイコンをカスタマイズして利用できるJavaScriptライブラリ -vivid.js

2018/06/13(Wed) 09:58

WebサイトやスマホアプリにぴったりなSVGアイコンを簡単に使用できるよう構築されたJavaScriptの軽量ライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/svg-icon-library-vivid.html