UIにも必要な錯視への考慮、デザイナーが行う視覚調整｜Goodpatch Blog グッドパッチブログ
視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視（目の錯覚）を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Googleのロゴでも取り入れられています。（以下の画像は、Googleのロゴを考察したツイート↓） Is this a joke, Google? pic.twitter.com/qrL8U2Vrhw — Give Me Internet (@GiveMeInternet) 2017年9月25日 この考察内容を見ても、調整前と調整後の違いはかなり微量であるように思えます。本当にここまで細かい調整が行われているのかと疑ってしまいたくなりますが、実際にこのような微妙なデザインの調整はUIデザインに
ブサイクなUIデザインを劇的に改善するための10のチェックリスト｜Taiki IKEDA｜note
お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪い例を探すのに苦労しましたが、MoneyF●rwardさんが題材として非常に優秀でした。左右の余白は14~20ptの間で揃えるのが定石です(迷ったら16ptにしておこう)。どうしても左右の余白を持て余してしまうという場合は右の改善例のように中央揃えに逃げるのも手です。 フォントの大きさは正しいか fontサイズはまず、「読ませるテキストの大きさ」を決めてから、それを基準に組み立てていきます。読ませる文字、webでいう<p>タグは14~16ptに設定し、その文字とのバランスを見て<head>
ファーストビューでの離脱を理論上97%防ぐたった一つの方法 | オモコロ
（今スマホで見ていて画面上にセクシー美女が表示されていない場合は、記事が全く成立しないのでPCでご覧ください。） 改めましてこんにちは、宮本牛乳です。 突然ですが、ファーストビューという言葉をご存知でしょうか。 ファーストビューとは、ブラウザでウェブサイトを開いた時に スクロールせずに見える範囲の画面の事を指します。 例えばこちらは解像度1920×1080、ブラウザはChromeで オモコロを開いた場合のファーストビューです。 （ここから少しでもスクロールすると、ファーストビューと呼べなくなります。） オモコロなどのポータルサイトにはあまり当てはまりませんが、 こと広告用に作られた特設ページ（”着地用”という意味で「ランディングページ・LP」と呼んだりします）のファーストビューでは、なんと離脱率が70%以上とも言われています。 ここでの離脱率が高いと商品の魅力を十分に伝える事ができず、売上
デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性
デザイナー自家製Photoshop用パターン素材大公開中！（商用無料＆クレジット不要） | ページ 2 / 2 | 東京上野のWeb制作会社LIG
こんにちは。デザイナーのもりたです。 私はいつもデザインするとき、パターンが必要になったらその都度適当に作ってしまって、結局パターンファイルの中が「パターン45」とかそんな名前で埋めつくされるタイプなんですけど、デザイナーの皆さんいかがでしょう。 自分の中の命名ルールが決まってないから名前つけても適当すぎて判別できないんだよね……。結果いちいちクリックして試すなんて非効率的なことに。 まあそんなわけで、一念発起してこの自作パターンを整理しようと思い立ったわけですが、せっかくなので、Webデザイン制作時にセットで持っていると便利そうなパターンをまとめて配布することにしました。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれ
田口元の「ひとりで作るネットサービス」探訪 - ITmedia Biz.ID
ひとりで作るネットサービス【最終回】： Webサービス発ラジコン経由――iPhoneアプリ「TwitCasting」にたどり着いた赤松さん モイ！ という合図が特徴的なiPhoneアプリ「TwitCasting」の開発者である赤松さん。元々は「あとで読む」や「フレッシュミーティング」の作者でもある。紆余曲折を経てたどり着いたiPhoneアプリの開発に迫る。（05/14） ひとりで作るネットサービス： データ蓄積＝コミュニケーション!? 「テレビジン」で視聴率じゃない指標を――福田さん 元々部活動のWebサイトを作るような高校生だった福田さん。今では2ちゃんねるの書き込みから「笑い」を可視化する「テレビジン」をオープンした。「従来までの視聴率に代わる新しい指標が導き出せないか、いろいろ考えています」という福田さんに話を聞いた。（03/12） ひとりで作るネットサービス： ただしイケメンに限…
「エンジニア病」を抱えたあなたに効く「デザインの考え方」 ～ソニックガーデン・デザインメンター対談のまとめ～ - give IT a try
はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」
それじゃあ何も伝わらない！元ディレクターがデザイナーになって気付いた、デザイン依頼で注意すべき4つのこと : LINE Corporation ディレクターブログ
ネッツアイに火の用心 あなたのハートにG-SHOCK！こんにちは、nakatanigoです。 かつてはディレクターブログを書く立場だったのですが、諸事情により遠ざかっておりました。 というのも、かつて前職でデザイナーをしていた経験から、ディレクターを２年ほど経験した後、デザイナーに転籍したのです。 そこで、今回はその経験から、ディレクターからデザイナーにデザインを依頼する際に注意すべきことをお話させていただきます。ディレクターがデザイナーに依頼をする際、こういう言い方は避けたほうがいいという事例もあわせてご紹介します。 大前提として、デザイナーはディレクターから言われたことしかやらないわけではありませんので、依頼に疑問があれば質問し相談します。しっかりとコミュニケーションをとれば下記のような事例は起こらないと思いますが、それが抜けてしまった場合には効果の小さいデサインができあがってしまうと
報酬はお金以外でもOK！プロのデザイナー集団「ギブ＆ギブ」が面白い｜まだ仮想通貨持ってないの？
これは素敵な取り組み。 ごあいさつ | ギブ＆ギブ 感謝の気持は、お金でもモノでも何でもOK ギブ＆ギブは、「報酬は何でもOK」という形式のデザイナー集団。ギブ＆テイクならぬ、ひたすら与え続けるギブ＆ギブなんですね。 理念もとても素朴。 プロのデザイナーが制作するものにはどうしても高価な報酬が必要となります。単価が下がってきているとはいえ、数十万、数百万が当たり前の世界。この不況の中、「モノを売りたい」「有名になりたい」「面白い企画をしたい」など、やる気は人一倍あるがそんな資金は持ち合わせていないという方も多いのではないでしょうか？私たちは、そんなクリエイターをサポートしたいのです。 ごあいさつ | ギブ＆ギブ 僕もNPO向けの支援をやっていますが、こういう無報酬の仕事って、実に気持ちいいんですよね。勉強にもなりますし、人間関係も充実します。素晴らしい活動をしている方を応援できて、さらには
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
