Design備忘キロク(´・ω・`) -2ページ目

Design備忘キロク(´・ω・`)

日々、見つけたオシャレなデザインをすぐに忘れてしまうKurochuの、自分による自分のためのBlog(ヽ´ω`)

$Design備忘キロク(´・ω・`)


http://jp.sanyo.com/gopan/index.html

紹介したい製品の特徴がよく表現されているサイトを見つけました(´・ω・`)

・「おいしいお米」→背景の雄大な景色と豊かに実ったお米の写真で直接的に表現されています。

・「お米でパンを作るという革新的な技術」→昔ながらの木でできた家具を思わせるような柄で和が表現されつつ、お米で花を表現した洋風のロゴが使われるなどして、新しい技術が表現されています。

・「安心感」→全体的に自然界にある色を取り入れていて、安心感と温もりが感じられます。


個人的な見方かもしれませんが、フッターが昔ながらの日本家屋の縁側のような気がして、晴れた日に縁側からすくすくと育ったお米を眺める様子すら想像できます。


なかなか、大胆で素敵です。背景写真をつなげるのがちょっと大変そうですが・・・・(´・ω・`)





$Design備忘キロク(´・ω・`)


【いつものアレとは関係ない雉(ヽ´ω`)】

ぶろぐIDを秘密にしているのに、みられているきがする・・・(´・ω・`)


|ω・`)



みちゃヤン


|ミ サッ




|ω・`)見たらぽちくりネ・・・




$Design備忘キロク(´・ω・`)
$Design備忘キロク(´・ω・`)

http://watashi-up.jp/

探す楽しさを表現したサイトを見つけました(´・ω・`)

主婦向けの雑誌からそのまま飛び出したようなデザインです。
テーマが「私を楽しむ」という漠然としているテーマなので、載せるコンテンツは本当に様々。

ナビからたどれば目的に合わせて情報は出て来ますが、製作者側はこのサイトを訪れた方にサイトをぐるぐると見て回ってもらいたいのでしょうか、「飽きさせずに周遊させる」造りになっているように感じます。

そう感じた点↓↓↓↓↓

・ナビが控えめであまり主張しないようになっている
・サブナビも常に見える状態にはしていない
・トップページの情報は多いが、項目ごとの見出しが右にあったり左にあったりで、目線がS字のようにたどって行き、色々と読みたくなってしまう

ついでに、QRコードが可愛くアレンジされているのも素敵です。QRコードってなんだか事務的と言うか、デザインの中に入るとちょっと浮いてしまう感じが あるので、これは見習いたいです。

情報が満載のサイトも、見てもらえなければ意味がないですよね。(´・ω・`)
そんな時にこんな工夫もあるのかと知りました。探す楽しさを読者に与えるという、ちょっと新しい(?)作りのご紹介でした。







$Design備忘キロク(´・ω・`)
$Design備忘キロク(´・ω・`)


http://www.onemusiccamp.com/

ポップでイマドキなのに、とても整理整頓されているサイトをみつけました(´・ω・`)


まず、ナビの項目が多い割に見やすいです。
アイコンがついているおかげで、一目で区別がついてわかりやすい作りになっています。

アイコンがあるとないとでは便利さが違ってきますね。こういうのを見ると、デザインする意義を感じます。(´・ω・`)


それから、見出しになるところは全てシンプルにモノトーンでまとめ、アイコンとなる部分は思い切りビビットなトーンのカラーで表示して目立つように仕上げてあります。
メリハリがあって気持ちが良いです。

加えて、グリッドを意識してデザインされたのか、写真やバナーがきっちり揃っていて無駄がなく、視線が自然と下へ流れていきます。


情報が多くなるほどまとめるのが難しくなりますが、わかりやすいアイコンと整理された配置方法で回避できるのだなと思いました。色使いがポップなので、決してつまらないデザインにならないというのがポイントですね。見習いたいです(´・ω・`)






$Design備忘キロク(´・ω・`)
$Design備忘キロク(´・ω・`)



http://www.tsunagu-cafe.com/

近くにあったら是非行きたいなと思ったサイトを見つけました。(´・ω・`)

女性同士のランチで連れていってもらったら嬉しいお店のように感じます。
カフェって、食べ物がオシャレでおいしいのも大事ですが、空間の心地よさやオシャレ感で選ばれるかどうかが変わるのではないかと思いますがいかがでしょう?(´・ω・`)

サイトでいい雰囲気が感じられたら、とりあえず足を運ぶきっかけは作れますよね。実際行ったらなんか違った・・というようなこともあるでしょうが、お店としては来てもらうきっかけづくりが大事!だと思います。

このサイトは、シンプルながら空間やお店コンセプトが伝わりやすくて目を引きました。
ちょっとレトロで雰囲気のある写真が主体となって、イメージを伝え、うすく引いたラインがさり気なく全体のガランとした感じを取りまとめています。

本当に目立たないのですが、背景の薄い色で描かれた模様やラインが実は大切な役割をしているように感じます。グリットの役割もしているので、同じような色で書かれたロゴや見出し、テキストがごちゃごちゃとしないようになっています。

(よく見ると、外装とサイトの背景が同じ形・・・?なかなか考えられている!(´・ω・`)ワオ)


それから、テキスト同士の文字の間隔がこのようにゆったりとしていると、ゆったりとして落ち着いた感じ、オシャレな感じが演出できますね。
これはきちんと計画的に文字を配置しないとバランスがおかしくなってしまうので気を付けないと!
そして、プロにお任せ↓しないと!(´・ω・`)





$Design備忘キロク(´・ω・`)
$Design備忘キロク(´・ω・`)


http://www.modern-t.com/

商品の優れたデザインで勝負! しているサイトを見つけました(´・ω・`)

商材がとにかく目を引きます。「なんだろうこれ?」「きれいだな~かっこいいな~」という素直な反応を大事にすると、人はもっとそこを知りたくなる衝動に駆られるのではないでしょうか。

Webサイトの設計では便利さもとても大事ですが、このサイトのように、最低限のルールさえ守って入れば、メニューが見づらかろうと小さかろうと、何と読むのかわからなかろうと、そこを探ることができます。

商材の見た目に自信がある・画面上でも目を引く要素があるとしたら、それを一番の武器にして表現するのも一つの方法ですね。

画面いっぱいを使って商材の作者の哲学をうまく表現できると、直接の売上云々は抜きにして多くの人が遊びにきたくなるサイトになりやすいのではないでしょうか。

この、マウスに反応した時ふわっとするシステム、何でしょう・・・商材の照明と合っていて素敵。真似したい・・・(´・ω・`)





$Design備忘キロク(´・ω・`)
$Design備忘キロク(´・ω・`)

http://www.bla.bo/

新しいことにチャレンジする会社のデザインをとりあげます(´・ω・`)

オリジナリティあふれる現代的な事業内容を上手くデザインで表現しています。
鮮やかでポップな色使いは、人の心を楽しくさせますよね。楽しそうに見えて、何の会社か・何を売っているのかついつい気になってしまいます。

しかし、使いすぎるとうるさくなったり古臭く見えたり、個性が強すぎて企業HPには採用できなかったりとなかなかコントロールが難しいところです。

そこで、全体を調和させるカラーとしてブラウンを使用!

ヘッダーの何気ないラインやメニュー名に使われている濃いブラウンが、飛び交う沢山の色の交通整理してくれています。

もちろん、白や黒はセパレートカラーとして、ぶつかり合う高彩度カラーのハレーションを抑えるカラーを使用するのは浸透していますが、濃い茶色も近い効果を得られて、モノトーンより明るく・ポップで親しみのあるデザインに感じられます。




Design備忘キロク(´・ω・`)
$Design備忘キロク(´・ω・`)

http://www.hakubi.net/

基本的なレイアウトでこんなにできる!という例をとりあげます(´・ω・`)

<個人的に思う基本的Webのレイアウト>
(1)ヘッダーにロゴ・電話番号・お問合わせボタンなど
(2)グローバルナビゲーション
(3)メインビジュアル
(4)メインコンテンツ
(5)サブコンテンツ・バナーエリア
(6)フッター

という感じなのですが、このサイトはメインビジュアルにFlashは入っているものの基本的なレイアウトの中で自由に表現しています。

自由な表現するためにレイアウトを自由にする方法もありますが、「細かなデザインにこだわって作る」ことも非常に大事であり有効だなと思います。


<個人的に思う細かなデザインを施すと素敵になる箇所>
・ボタンの縁取1,2px
・リストマーク
・写真の縁取り1,2px
・水平線
・文字色、縁取り

デザインしてるのかどうか分からないような細かい部分にさり気なくデザインが入ると、「今風」に仕上がる傾向にあるように思います。
そして、同じレイアウトでも他と違った感じを演出できると思います。

新しくサイトを立ち上げる方、ギラギラしたデザインはどうも古く見えてしまいますのでデザイン会社を選ぶときに気をつけて頂きたいですね(´・ω・`)




Design備忘キロク(´・ω・`)

$Design備忘キロク(´・ω・`)


http://www.ayanaresort.com/

洗練された色使いが素敵なサイトをご紹介します(´・ω・`)

綺麗なリゾートの写真が主役になっていますが、それをさらに引き立たせる色使いがとっても見習いたいです。白・黒だけでまとめて写真を引き立たせる感じは多く見るのですが、このサイトはブルーのトーンの変化だけを使って色数を抑えて、無駄な色を使っていません。

きれいかわいい色・鮮やかな色を選択しがちですが、グレイッシュ・ダークな落ち着いたトーンを上手に使いこなせると、写真を生かしつつサイトのイメージを確立させられるのですね。




Design備忘キロク(´・ω・`)

Design備忘キロク(´・ω・`)


http://www.creatures.co.jp/

今日は、Flashサイトも楽しくていいな・・・(´・ω・`)という回です。

HTMLサイトも用意しているという素敵な心配りの会社様です。
比べてみると、やっぱり印象が違うと感じました。動きはやはり人の心をつかむのでしょうか。
ただ、遊び心のある社風と、それを見たいという興味をと切らせない工夫がないと、
凝ったサイトはとにかく

ロードが遅くてたまらない!→待つのがめんどくさい→帰る

となるので、安易にはおすすめできません。

ただ、会社の技術をアピールするにはもってこいですね。動きもデザインも楽しくて、大人の隠れた童心をくすぐる仕掛けまでついてました。

人に「このサイト見て!」って言いたくなるサイト。
これはFlashサイトに限らず目指す方向のひとつなんでしょう。

デザインの話逸れましたが、以上です(´・ω・`)




Design備忘キロク(´・ω・`)