Webデザイン

余白で情報整理、余白で視線誘導、余白で視認性アップ、デザインがうまくなりたい人に余白の使い方が学べる良書

2018/08/27(Mon) 09:55

Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。

https://coliss.com/articles/book-review/isbn10-4802611692.html

アダプディブデザインか、レスポンシブデザインか

2018/08/07(Tue) 10:11

アダプティブデザインとレスポンシブデザインは、両方ともブラウザのウインドウ幅に応じてUIを調整するという点ではとてもよく似ています。しかし、その調整の仕方において両者は異なっています。

https://uxmilk.jp/73077

こういう解説書を待ってた！Webサイトやスマホアプリにおける認知心理学の効果や実際の使用例が分かりやすい

2018/08/01(Wed) 09:54

最近のWebサイトやスマホアプリでは、認知心理学が多く取り入れられるようになりました。キャンセルボタンを右と左のどちらに配置すべきか、顔写真を使用した時の目線の向き、ボタンの大きさや配置方法など、心理学のテクニックが使われています。

https://coliss.com/articles/book-review/isbn10-4844367684.html

使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法

2018/07/31(Tue) 10:05

Webサイトやスマホアプリでも、心理学はいたる所に存在します。Facebookの通知に緊急のカラーであるレッドが使用されているのは、注意を必要としているのが理由です。また、Vogueのような雑誌ではロゴのタイポグラフィに十分な余白を備え、潜在意識に排他性を伝えます。

https://coliss.com/articles/build-websites/operation/work/hacking-usability-with-psychological-principles.html

ホリデーシーズンに向けて準備しておきたいサイト内検索施策10選

2018/07/27(Fri) 09:53

夏・冬などのホリデーシーズンでは小売業者のプロモーション活動とメールキャンペーンが活発になります。しかし、プロモーション面にばかり焦点を当ててしまい、Webサイト、特にサイト内検索が見落とされがちになっています。

https://uxmilk.jp/73184

雑誌はデザインの参考書!?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