Webデザイン

[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkbox

2017/11/07(Tue) 09:48

チェックボックスやラジオボタンのスタイルを苦手にしている人も少なくないと思います。シンプルなHTMLにclassを加えるだけで、さまざまなデザインのチェックボックスとラジオボタンが実装できるスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/beautify-checkbox-and-radiobutton.html

デザイナーから学ぶ、１枚の紙とペンで企画アイデアを整理する方法

2017/10/30(Mon) 09:58

企画がうまくまとまらない、または伝わらない、なんて経験は過去にありませんか？　「企画を考える」というタスクは数多くある仕事の中でも掴みどころのないもののように感じませんか？

http://uxmilk.jp/69165

手書きチラシ 驚愕の効果

2017/10/26(Thu) 09:48

いきなりですが皆さん、次の�@両面チラシと�A片面チラシの２つを見比べて頂けますでしょうか。どちらも同じ美容院さまのチラシです（画像はあえて粗くしてあります）。

http://levites.hatenablog.com/entry/2017/10/20/%E6%89%8B%E6%9B%B8%E3%81%8D%E3%83%81%E3%83%A9%E3%82%B7%E3%81%AE%E5%8A%B9%E6%9E%9C%E2%97%8F%E5%AE%9F%E8%A8%BC%E7%B7%A8

デザインは奥が深い！目の錯覚を効果的に使った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