Webデザイン

最近の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

目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度

2018/06/12(Tue) 09:56

プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。

http://photoshopvip.net/109384

シンプルなWebデザインを実現するための複雑な道のり

2018/06/12(Tue) 09:55

シンプルで素敵なWebデザインの体験は、シームレスです。ユーザーは自信を持って快適に１つのコンテンツから次のコンテンツに簡単に移動することができます。Webデザインにおいてシンプルで完全なユーザー体験を実現することは、デザイナーや開発者が直面するもっとも困難な課題の１つです。

http://uxmilk.jp/68807

Web制作者が知っておくと便利！Chrome 67でアップデートされたデベロッパーツールの新機能

2018/06/04(Mon) 09:58

先週末にリリースされたChrome 67でアップデートされたデベロッパーツールの新機能を紹介します。Webの制作時に役立つ機能だけでなく、UIも進化しており、さらに便利になりました。

https://coliss.com/articles/browser/chrome/devtools-new-features-in-chrome67.html

UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方

2018/05/29(Tue) 09:58

背景の色に悩んだり、なんとなく決めてしまうことはありませんか？Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/not-use-bright-saturated-colors-for-backgrounds.html

Webデザイナーの私はこんな風に情報収集しています

2018/05/24(Thu) 10:10

情報収集する時のルール ただやみくもに、なんとなーく情報収集してみても、結局ダラダラしてしまいます。なので事前にルールを作っておくと続けやすいですよ。

https://www.webcreatorbox.com/webinfo/web-designer-input