デザインそのものを商売にしてる企業にとって、
サイトデザインは製品の主張の一部。商品。
「デザインこそが企業のメッセージであり、また商品である。」
ブランディング=ブランドイメージ
ビジュアルを重視しながらも、使い易い。
ユーザーに不親切にならないように!
テクニック01 デザイン性を高めるのはシンプルが基本
・TOPに入れる情報の選択を緻密に。
・メニューの統合等の整理
・イメージと最低限のメニュ
テクニック02 あえてイメージを使わずにデザイン性を高める
・余白多い
・挑発的デザイン
テクニック03 ロールオーバーのデザイン
・収納できる分、デザイン性がうP
・ユーザビリティの一種
・普段とオンマウスのセットでデザインを考えられるのが、楽しい。
2009 年 6 月 3 日 3:22 PM|カテゴリー:メモ|
コメント
(0)
●literacy。(リテラシー)
読み書き能力。識字能力。
ある分野に関する知識、教養、能力。
●コンテキスト=文脈
WEBの優位性=双方向性・対話性
(情報の送り手と受け手が相互に作用できるということ。)
「WEBサイト」ではなく「WEBサービス」であることを求められる。
2009 年 6 月 3 日 3:21 PM|カテゴリー:メモ|
コメント
(0)
TOP=目次 索引
・情報の順位付け
・ナビゲーションボタンの整理
・サイト内の検索機能
テクニック01 ユーザー自身が文字サイズを切り替えることを可能にする。
テクニック02 情報整理のテクニック
・KJ法
テクニック03 フォントのカラー変更や背景色をユーザーがh変更
見易さ=デザイン=技術
2009 年 6 月 3 日 3:20 PM|カテゴリー:メモ|
コメント
(0)
デザイン面での信頼性
・ナビゲーションの確かさ
・情報の確かさ
・ソフトな言葉の表現
・マージンを多く取る
・個々の要素が過密にならない
・余白に余裕のある画面 = 落ち着き 読み易さ
・落ち着いたカラーリング
・写真加工を丁寧に。
マイナス = 違和感
情報構築が未熟
デザインが幼稚
堅苦しい重いデザイン
緑色 = 自然食品
シンメトリーに近いレイアウト
中心にイメージ写真 = 安定感
テクニック1 グリッド
・規則性 = 整理されたサイトの印象 視線が迷わない
・整然 = 明快 ロジカル
・情報が整理されたサイト = 好印象 信頼性
※ロジカル logical 論理的てあるさま。
テクニック2 安心感を与える定番レイアウト
・定番 = 明快 迷わない 使い易い 把握し易い
・逆L字のナビゲーション ⇔ 斬新性 ファッション性
テクニック3 配色によって与える信頼性や安心感
・青系 = 信頼 清心 新進 = 歴史ある企業 金融系 先端技術系
・スカイブルー = 若さ 快活
・緑系 = 自然 健康 癒し = 医療 薬品 健康関連 観光・自然体験施設
・黄色・オレンジ系 = 元気 健康 快活 運動 = 飲食 健康関連 販売系
・ピンク系 = 女性、ファミリー、育児系
×赤 = 情熱 活動的 = 個性 ファッション性が明快な企業
×無彩色 = ファッション性
2009 年 6 月 3 日 3:19 PM|カテゴリー:メモ|
コメント
(0)
Ai
●文字→検索と置換
●新規スウォッチ 色の一括変換が出来る。
●新規アクション
p42~
●地図の線路を簡単に描く
●効果を使用して、ボタン風のオブジェクトを作る
●カラーパネルでCMYK各色の値をスライダを使って同率で変更する
Ps
●新規アクション 連続したコマンドを保存しとく。(ショートカットキーにもできる。)
●ファイル→自動処理→パッチ 50枚のJPEGを一括処理できる。
●ファイル→自動処理→ドロップレットを作成 フォルダをドラッグアンドドロップして一括処理。
他人と共有・共同作業できる。
●選択範囲を変形→境界をぼかす→塗り潰し→不透明度
●結合部分をコピー
●optionキーを押しながら、表示レイヤーを結合
●色調補正→色相・彩度→編集:マスター 色彩の統一 色相:30~40 彩度:30~40 明度で微調整
p40~
●レイヤー効果だけでタイトル文字をゴールド風に仕上げる
●1色のロゴ画像の白背景を簡単に透明にする
●画像レイヤーを一瞬でノックアウト(切り抜き)する
2009 年 6 月 3 日 3:08 PM|カテゴリー:tips|
コメント
(0)
次のページ »