海外有名美大へ通う美大生に教えてもらったこと。一晩かけて完成品に向けてデザインが進むプロセスを話ししながら過程の写真を見せてもらった。めちゃくちゃおもしろく、刺激を受けたので自分の理解としてメモ。 本人はかなり論理的ではない話し方をするので、それを基本的に論理的に思考するぼくが自分が理解できる形に落としてしまっている。このため、大切な要素は抜け落ちしている可能性が大いにある。ただ、本人の説明をそのまま載せると「こう、ええなあと思った」とかそんなんで終わってしまうので、こうなっている。あしからず。 * デザインをするときに、大きなイメージで作りたいものの方向性を出す * 自分の作りたいものが完成したとしたら、それはどんなものでできているんだっけ？ (構成要素への分解 構成要素であるかもしれないもの程度の確度) * 素材はなにでできているか * どんな色をしているか * 手触りは？ * 置き方
デザインに関するshota-mのブックマーク (151)
-
shota-m 2012/08/16
-
私がWebサイトの配色を決める時の流れ
ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の
-
-
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
-
Googleトップページをファスナーで“開く” ギデオン・サンドバックさん生誕記念 - はてなニュース
Googleのトップページに4月24日（火）、ページを“開けられる”ファスナーが登場しました。この仕掛けは、線状のファスナーを改良したギデオン・サンドバックさんの生誕132周年を記念したもの。「Google」のロゴは、おなじみの4色を使った刺しゅうで描かれています。 ▽ Google 1880年4月24日にスウェーデンで生まれたギデオン・サンドバックさんは、1905年にアメリカへ移住した後、ファスナーの製造会社ユニバーサルファスナーに入社しました。1906年から1914年にかけて線状のファスナーを開発し、ほぼ現在普及している形にまで改良したとされています。 Googleのトップページには、ページを“開けられる”ファスナーが設置されています。ファスナーの引き手にマウスカーソルを当てて下方向へドラッグすると、ページが左右に“開き”ます。クリックでも“開く”ことができます。 ページが“開く”と、
-
-
米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として
-
デザインが優れている人には愛情と思いやりがあるという話｜資料やメールも全てがデザイン
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い
-
良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
-
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
This domain may be for sale!
-
格好良くなくても美しいこと - β2
大切にする、という考え方は古くて新しいものだ。そして、こいつはおもしろいことに伝染する。 九州に出張したとき、ちょっと必要があって特急に乗った。シートは革張りだった。これは、と思って少し驚いたけれど、前に見たある記事を思い出した。 とにかく不良が多い町らしく、最初は革張りのシートなんて傷つけられるって大反対だったんですが、とにかくやってみましょうよということで作りました。結果的にはとても綺麗につかわれています。子供達はずっと賢くて、大人達が本気でつくったものには傷つけません。俺たちの町にこんなすごいものがあるって思ってくれるのです。プラスチックで作ったりするから傷つけたりするんですね。（地球大学クリエイティブ 第3回 水戸岡鋭治「旅の経験をデザインする」 | TAMALOG） それで、連想するのはこういう話。 人間は「豊かなものをたくさん使うこと」は"格好よく"、「不足しているものを大切に
-
アナタはどの部分に目がいきますか？デザインの基本：視線誘導や視認性について。（エロいようで真面目な話） / Maka-Veli .com
まずはこの画像をクリックしてご覧ください。 上記画像は話題のPinterestですが・・・ もしアナタが男性なら、 この辺りに目が行ってないですか？ もしアナタが女性なら、 この辺りですか？（浅はかでしたね・・・女性はもっと違うところですね） そんなの当たり前？ じゃあなぜだと思います？ 色分けすると・・・ 目立つのは左の黒っぽい2点か、右上の赤1点じゃないでしょうか。 人の目は色で判別しがちと思われますが、デザインは色だけじゃないって事ですよね。 これらの例は少し強引な意味づけしてますが、大筋はおわかりになると思いますので、その体で話を進めます。 もちろんこれらの例は、本能的に視線が誘導させられてるのですが、 この視線誘導には色んな手法がありますよね。 Z / Fの法則だとか、色の問題だとか、あとは上記のように性別的な問題。 Webサイトデザインの場合 左上や
-
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
-
Togetter - 国内最大級のTwitterまとめメディア
イギリスで放映されている世界最長SFドラマを視聴「Doctor Whoって大河ドラマだ...」（編集部）
-
by @chibicode - 挫折するのは諦めやすい性格だからではない
シリコンバレーでおなじみの「アイデアよりも、それを実行することの方が大切」という格言は、表裏一体である。 ビジネスマン/エンジニア/デザイナーとしてノッてる時には「実力さえあれば、普通のアイデアしか浮かばない俺でも成功できる」と聞こえる褒め言葉だ。 しかし、アイデアは沸いてくるものの、片っ端から手をつけては「やーめた」と言い出すようになると、「俺は口ばっかりで何一つできないダメ人間だ」と思い込んでしまう。 クリエイティブな仕事をする人なら、誰でも一度は後者のネガティブ・スパイラルに陥ることはある。俺はデザイナーだが、先輩からこないだダメ出しをされた。 「お前はデザインをするとき、諦めるのが早すぎる。30%くらいの完成度で『このデザインはダメだ』と言うな。ダメなデザインでも100%の完成度まで持っていくんだ。」 その時は「わかりました」と言ったが、正直言って30%でダメだと知ったら、100%
-
-
良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
-
-
めっちゃクリエイティブなFacebookタイムラインのカバーまとめ
日本でも切り替えができるようになり、22日には全面的に切り替わることが予定されているFacebookの新プロフィールページ「タイムライン」。現在から過去へ流れるレイアウトに大きく変わった「タイムライン」の中で、最も注目すべきがカバー画像です。 今回はカバー画像を使ったクリエイティビティあふれる「タイムライン」をまとめてみました。 過去を取り込む Andrew Grojeanさんのカバー画像は、以前のプロフィールページを組み合わせたもの。 現在から過去へ流れるタイムラインを、カバー画像で象徴的に表現しているように思えますよね。 Emanuele Bartolomucciさんのカバー画像も過去を取り込んだといえる感じのもの。 宇宙の向こうから続くサムネイルは、おそらくEmanueleさんの昔の写真を古いモノから順に並べ、現在の写真へと続くように見せています。これもタイムラインが象徴的に表現され
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました