[B! webdesign] bsheepのブックマーク

ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタントヒガシナオヤ

「Photoshopしか使えない」Webデザイナーとは、「お絵かき」「見た目」だけにこだわるデザイナーのことです。ビジュアルデザイン以外の付加価値がないデザイナーは今後は生き残ることは難しいです。今ではWebサイトを作ることが当たり前になりました。それどころかスマートフォンの普及でレスポンシブWebデザインで作るサイトも当たり前になっています。また、ASPでWebサイトを作るサービスも増えています。JIMDOなどが代表的な例でしょう。普通に「Photoshopしか使えない」だけのデザイナーは、もう生き残れるのは難しいでしょう。

bsheep 2015/01/27

リンク

【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所

ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。その1：黒じゃなくって補色をつかうデフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。たとえばハイライト部分がピンクならシャドウにブルー、という具合に。この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。その2:シャドウに空の色＆地面の色を足してみる屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。サンプルでは芝生なのでグリーンを追加。ドロップ

bsheep 2013/10/24

リンク

[ HUE / 360 ] The Color Scheme Application

bsheep 2012/11/07

リンク

フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ

Webデザインパーツごとのデザイン例ヘッダーだけ、フッターだけみたい、というように、部分的にデザインの例を見たいことが多いのでそんな記事をまとめました。ヘッダーだけ、フッターだけみたい、というように、部分的にデザインの例を見たいことが多いのでそんな記事をまとめました。まとめのまとめです。少し重いかもしれません。主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning

bsheep 2010/02/18

リンク

Webタイポグラフィまとめ - Archiva

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。オールドスタイル数字アンパサンド（“＆”）スモールキャップハイフンとダーシ各種スペース合字約物約物はぶら下げる :beforeと:after 見出しのサイズ初期フォントサイズ行間の調整余白の調節各国の日付表記