05デザイン性を重視したサイトデザイン

デザインそのものを商売にしてる企業にとって、
サイトデザインは製品の主張の一部。商品。
 
「デザインこそが企業のメッセージであり、また商品である。」
 
 
ブランディング=ブランドイメージ
 
 
 
ビジュアルを重視しながらも、使い易い。
ユーザーに不親切にならないように!
 
 
テクニック01 デザイン性を高めるのはシンプルが基本
・TOPに入れる情報の選択を緻密に。
・メニューの統合等の整理
・イメージと最低限のメニュ
 
http://www.balstokyo.com/jp/
 
テクニック02 あえてイメージを使わずにデザイン性を高める
・余白多い
・挑発的デザイン
 
http://www.billiken-shokai.co.jp/
 
テクニック03 ロールオーバーのデザイン
・収納できる分、デザイン性がうP
・ユーザビリティの一種
・普段とオンマウスのセットでデザインを考えられるのが、楽しい。
 

ユーザーの成熟と高まるリテラシー

●literacy。(リテラシー)
 
読み書き能力。識字能力。
ある分野に関する知識、教養、能力。
 
 
●コンテキスト=文脈
 
 
WEBの優位性=双方向性・対話性
(情報の送り手と受け手が相互に作用できるということ。)
 
「WEBサイト」ではなく「WEBサービス」であることを求められる。
 

03 情報の多い企業のサイトデザイン

TOP=目次 索引
・情報の順位付け
・ナビゲーションボタンの整理
・サイト内の検索機能
 
http://www.dai-ichi-life.co.jp/
 
 
テクニック01 ユーザー自身が文字サイズを切り替えることを可能にする。
 
テクニック02 情報整理のテクニック
・KJ法
 
テクニック03 フォントのカラー変更や背景色をユーザーがh変更
 
見易さ=デザイン=技術

02 信頼性

デザイン面での信頼性
・ナビゲーションの確かさ
・情報の確かさ
・ソフトな言葉の表現
・マージンを多く取る
・個々の要素が過密にならない
・余白に余裕のある画面 = 落ち着き 読み易さ
・落ち着いたカラーリング
・写真加工を丁寧に。
 
 
マイナス = 違和感
        情報構築が未熟
        デザインが幼稚
        堅苦しい重いデザイン
 
 
 

緑色 = 自然食品
シンメトリーに近いレイアウト
中心にイメージ写真 = 安定感

 
 
 
テクニック1 グリッド
 
・規則性 = 整理されたサイトの印象 視線が迷わない
・整然   = 明快 ロジカル
・情報が整理されたサイト = 好印象 信頼性
 
※ロジカル logical  論理的てあるさま。
 
http://www.qomono.com/
 
 
テクニック2 安心感を与える定番レイアウト
 
・定番  = 明快 迷わない 使い易い 把握し易い
・逆L字のナビゲーション ⇔ 斬新性 ファッション性
 
 
テクニック3 配色によって与える信頼性や安心感
・青系 = 信頼 清心 新進 = 歴史ある企業 金融系 先端技術系
・スカイブルー = 若さ 快活
・緑系 = 自然 健康 癒し = 医療 薬品 健康関連 観光・自然体験施設
・黄色・オレンジ系 = 元気 健康 快活 運動 = 飲食 健康関連 販売系
・ピンク系  = 女性、ファミリー、育児系
 
×赤 = 情熱 活動的 = 個性 ファッション性が明快な企業
×無彩色 = ファッション性
 
http://www.gundam30th.net/
http://johnsons.jp/baby/
 

AiとPsの操作

Ai
 
●文字→検索と置換
●新規スウォッチ 色の一括変換が出来る。
●新規アクション
 
p42~
●地図の線路を簡単に描く
●効果を使用して、ボタン風のオブジェクトを作る
●カラーパネルでCMYK各色の値をスライダを使って同率で変更する
 
 
 
Ps
 
●新規アクション 連続したコマンドを保存しとく。(ショートカットキーにもできる。)
●ファイル→自動処理→パッチ 50枚のJPEGを一括処理できる。
●ファイル→自動処理→ドロップレットを作成 フォルダをドラッグアンドドロップして一括処理。
               他人と共有・共同作業できる。
●選択範囲を変形→境界をぼかす→塗り潰し→不透明度
●結合部分をコピー
●optionキーを押しながら、表示レイヤーを結合
●色調補正→色相・彩度→編集:マスター 色彩の統一 色相:30~40 彩度:30~40 明度で微調整
 
p40~
●レイヤー効果だけでタイトル文字をゴールド風に仕上げる
●1色のロゴ画像の白背景を簡単に透明にする
●画像レイヤーを一瞬でノックアウト(切り抜き)する
 
 
 

検索


タグクラウド

iPhone mac php TV Windows いとおし おやつ なでしこジャパン アニメ スポーツ トレッキング ハルジオン式 バイク ミニベロ モンベル レビュー 仕事 大阪の山 建築 登山靴 資格 音楽 食べてみた

今月人気の記事

月別アーカイブ