Webデザイン

デザインは奥が深い！目の錯覚を効果的に使ったUI、ロゴ、イラスト、文字組みのデザインテクニック

2017/10/19(Thu) 09:48

文字をぴったり揃えたのにしっくりこない、正方形なのに長方形に見えてしまう、シャドウを与えていないのにぼんやりとシャドウが見える、ボーダーを加えただけなのに塗りも変わったように見える、そんな経験はありませんか？

http://coliss.com/articles/build-websites/operation/design/optical-illusions-found-in-visual-design.html

人間の短期記憶は7±2個まで――情報は並べすぎないほうが伝わりやすい！（第4回）

2017/10/13(Fri) 09:49

「短期記憶」とは、数十秒から数十分という時間の間に、保持される記憶のこと。記憶できる量は一般的に、7±2であると言われています。

http://web-tan.forum.impressrd.jp/e/2017/10/13/26286

ヘッダ・フッタ・ナビゲーションなど、最近のWebデザインで採用されているアイデアのまとめ -Good Web Design

2017/10/12(Thu) 09:44

ランディングページで使用されているヘッダ・フッタ・ナビゲーション・フィーチャーコンテンツ・アクションボタン・ソーシャルコンテンツなど、最近のWebデザインで採用されているアイデアがまとめられたGood Web Designを紹介します。

http://coliss.com/articles/build-websites/operation/design/good-web-design.html

Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ

2017/10/11(Wed) 10:04

Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました

https://www.webcreatorbox.com/tech/snippets-cool-webdesign

Web制作者は要チェック！モーダルダイアログをアクセシブルに実装する超軽量スクリプト -Micromodal.js

2017/10/10(Tue) 09:50

ちょうどいいモーダルってなかなか見つからないんだよな、と探している人は要チェックです。シンプルで操作性もよく、アクセシブルに実装する超軽量の単体で動作するJavaScriptのライブラリを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/tiny-modal-dialogs.html

相手を説得するときにデザイナーがやってはいけない８つのこと

2017/10/05(Thu) 09:46

私たちは仕事をするために、クライアントとステークホルダーを納得させる必要があります。彼らがいないと、私たちは必要なことをするための承認を得ることができません。しかし、私たちのほとんどは説得するのが驚くほど下手です。

http://uxmilk.jp/68191

こういうのを一つは用意しておきたい！Webサイトのスタイルガイドを作成する時に便利な無料テンプレート素材

2017/09/27(Wed) 10:00

スタイルガイドを0から作成している人に、朗報です。Webサイトで使用するカラーやフォント、ロゴなどを変更するだけで、そのWebサイトのスタイルガイドが作成できるSketchのテンプレート素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/nested-symbols-style-guides.html

「ワイヤーフレーム」UIとUXをこれから学ぼうとしているデザイナーへ vol.4

2017/09/26(Tue) 09:56

UX初心者がお送りするUIとUXの連載第４弾です。今回は「ワイヤーフレーム」について話していきます。

https://liginc.co.jp/367737

Web制作の最新動向が完璧に把握できるオススメの一冊 -Webサイト、これからどうなるの？

2017/09/22(Fri) 09:53

Web制作の知らない知識やテクニックを今身につけているものに加えることで、実装が難しかったものが簡単になったり、時間やコストの削減になったり、さまざまな利点があります。

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

最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger

2017/09/14(Thu) 09:56

ぱっと見ただけではなかなか気がつかないような、ディテールにこだわった素晴らしいデザインのアイデアとテクニックを使ったUI要素を紹介します。

http://coliss.com/articles/build-websites/operation/design/little-ui-details-by-steve-schoger.html