Loading...
GUI ボタンのデザイン・ストラテジーについて
GUI デザインをする上で考えていることStocker.jp さんのところで [連載]Webデザイン入門（3:光とボタン） というWebデザイン初学者向けの連載が行われているのだけど，それに触発されて「自分だったら (こうする/こうしてる)」というのを実例を持って書いてみる． ここでいう UIデザインは GUI のスタイリングであって，実際にはデザインと呼ぶには領域が挟すぎるのだけど，おそらく多くの人が認識している"デザイン"と呼ぶものに合わせる．実際には DBモデル, API設計, URI設計, CallbackFunction まで実装して，はじめてデザインと呼べるものだと思う サマリー機能について把握すること 機能の記号化(ピクトグラム) ・ そのシルエットのデザイン 「押せそうな」アフォーダンス・「明暗」と「光沢」「質感」を切り離して考える 「押せそうな」アフォーダンス・「明暗」の
プログラマーの感覚とデザイン。 - このブログは証明できない。
プログラミングとデザインにおける論理と感覚って、同じようなものなんじゃないかな。とようやく実感してきた。だからこそ、僕たちがプログラミングに触れてきたようにデザインに触れてきたデザイナーさんの力を借りたいよね。あと、コミュニケーション大事。そんな話。 祝日の朝にカフェでダラダラ書いたので、グダグダで読み返すと何言ってるかわからない。でも、休みの日にカフェでプニプニと文章書いてると、気分転換になってよかった。食事をとらずに食費を浮かせてカフェラテを注文したかいがあった。 デザインが見えない。 今年の1月ごろからずっと「デザイン」「デザイン」と言ってるけど、まったく何もやってない。とっかかりがわからなくて、手が出せない感じ。デザインという言葉自体、幅が広くて、デザインの対象がコミュニケーションだったりユーザーインターフェイスだったりする。そこも絞れていない感じ。絞れていないというか、共通する基
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選
Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。（というよりはコミュニケーションツールですが。）幼児は上のように、ボックスに三角や四角のブロックを入
図形に秘められたデザイン力
［図形をモノにする］ 優れた洞察力をうかがわせる文章と出会った。 Interuserface: “Own a shape” by Clayton Miller: 01 July 2011 ＊ ＊ ＊ 図形が力を持つとき 目で見て分かるというケースはいろいろある。トレードマークが最も皮相的な場合であり、デザイン全体の特徴をなすデザイン・シグニチャー（design signatures）の場合は最も深く関わってくる。図形（shapes）そのものは言語の一部だ。最も基本的な図形はどこにでもあって、いかなる名前や製品、ブランドとも結びつかない。しかし図形の集合である図式（forms）という文脈、図式と交わり、統合すると、図形は強力な力を持ってくる。 Visual identity takes many forms, from the most superficial of trad
Designing GitHub for Mac · by Kyle Neath
June 28, 2011 Designing GitHub for Mac A few days ago we lifted the curtains on a project I’ve been deep into for a long time now: GitHub for Mac. This is the first OS X app I’ve designed and thought it might be interesting to share some of the process and things I learned throughout development. Why should we build it? For a long time I assumed OS X developers would see the immense market for an
よいデザインのための10の原則、パート2 | I was game
今回の記事は、前回の続きで、Wizards of the Coast から The Ten Principles for Good Design, Part 2 という記事の翻訳です。書き手は、マジック：ザ・ギャザリングの現ヘッドデザイナーである Mark Rosewater です。 同タイトルのパート1からの続きですので、まだそちらを読まれていない場合には、ぜひそちらから順にお読みください。 家電デザイナーである Dieter Rams という人物が提唱した「よいデザインのための10の原則」を挙げて、それをマジックのデザイン、ひいてはゲームのデザインにどう適用するかを語っていくという内容です。 それでは、以下からが本文です。 よいデザインのための10の原則、パート2 二週間前、私は Brian Tinsman が始めた隔週のミーティングについて話した。それは R&D のデザイナー全員が参
サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。 | Maka-veli.com
Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。 グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
デザイン本『困ったときに開く、デザインのアイデアノート。』発売しました。 - 納豆には卵を入れる派です。
どうも、お久々に書きます。 4/27（火）、MdN編集部さんより『困ったときに開く、デザインのアイデアノート。』という本が発売されました。 本書の装丁・デザイン、一部執筆を担当させていただきました。 困ったときに開く、デザインのアイデアノート。posted with amazlet at 11.04.27MdN編集部 MdN 売り上げランキング: 139877 Amazon.co.jp で詳細を見る Webや紙媒体などのグラフィックなデザインを作るときに、 どんなデザインが良いかアイデアを出す アイデアをPhotoshopやIllustratorで形にする という2大工程があります（すげえ大雑把ですが）。 1については、先人の作品を色々参考にしながら考えますが、作りたいデザインが決まっても、悲しいかなこれを実際どうやって作ったらいいのかわからないことがしばしば発生します。 2についても、P
Togetter - 「祖父江慎（@ sobsin）さんがつぶやく「揃える」デザインとは」
祖父江 慎（そぶえ しん） @sobsin 心配症のデザイナーほど「センター揃え」や「左右揃え」というレイアウトをしてしまう。だけど、それって逆効果。･･･揃えれば揃えるほど、コミュニケーションも閉ざされていくのじゃ。 2011-03-06 14:46:17 祖父江 慎（そぶえ しん） @sobsin 逆をいえば、コミュニケーションを求めることを必要としないような一方的で守りの構成には「センター揃え」や「左右揃え」など幾何的な構成は、効果的。でも、それって、コミュニケーションや生命力を持つことをあきらめたような構成でもある･･･ってことを忘れちゃダメだじょ〜。 2011-03-06 14:56:07
井上のきあさんによる「同じデザインで名刺をPhotoshopとIllustratorで作って作業を比較してみる」Tips
出力すると同じものではありますが、PhotoshopとIllustratorとではどのように作業の違いがあるのかを デザイナーの井上のきあさんが実際に作成しながら解説してくださっています。 両方のツールの初心者さんや、どちらかを購入しようと思っている方にも有用な情報ではないでしょうか。 位置揃えやトンボの設定など、知ってて得するチョイ技も貴重です。
記憶とサイン（あるいは、デザインされた内面のなかで生きるということ）: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日は、新宿ピカデリーのサイン計画などを手がけたことで知られる早川克美さんの「情報コミュニケーション環境のデザイン」（Ustreamログ）というトークイベントに参加させていただきました。 自分でセミナーでお話させていただく機会はたびたびあるものの、他の方の講演を聞くことがほとんどない僕にしては、こうしたイベントに出向くこと自体、とてもめずらしいことなのですが、参加した価値があった！と思わせてくれる楽しい時間をすごさせていただきました。 早川さんとは昨年からTwitterで何度かやりとりをさせていただいていたり、今年のはじめにお会いしてお話をさせていただいたりする中で、とても共感する部分が多いので、今回はぜひ話を聞いてみたいと思って参加させてもらったのですが、あらためて早川さ
1分間デザイン学「デザインから盗む」
1分間デザイン学「デザインから盗む」 1. 1 1分間デザイン学 デザインから盗む 2. 自己紹介 2 3. 自己紹介 デザイン メディア 認知脳科学 3 4. 自己紹介 きょうは デザインについて 話します 4 5. デザインって何？ グラフィック プロダクト インテリア 社会、ライフ … いろいろある 5 6. デザインって何？ 世の中は デザインに あふれてる 6 7. デザインって何？ 今回扱うのは、 「新しいものを作り出すこと」 「課題を解決するための手段」 という、広義のデザイン 7 8. 8 9. 具体例その一 傘立て 9 10. 今までにない 傘立てを 作ってください 10 11. 色を変える 形を変える 素材を変える …? 11 12. …ぶっちゃけ ありがち 12 13. 「今までにないもの」を 作るのは難しい 13 14. 単に 見た目を変える だけじゃダメ ↓ 他の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
60 Web Design Galleries for Design Inspiration « AcrisDesign – Web Design Resources and Inspiration
https://raksul.com/magazine/wp-content/uploads/2011/02/red.jpg
http://designaholic.cc/2011/03/post-87.html
https://www.yiyinglu.com/sc/illustration/
Loading...
IDEA * IDEA
