【Dribbble】Dribbbleのリデザイン... / 【Facebook】Facebookのリデザイン... / 【Facebook】Facebookのリデザイン...他...全10件
1-1.コントラストコントラストは、明確な視覚的差異を用いて重要な要素を強調します。色のコントラストは最も一般的な形で、強い色対比を使うことで特定の情報やアクションを際立たせます。 サイズや形状のコントラストも同様に重要で、大きな要素や異なる形状は視覚的に目立つため、キャンペーンのキャッチフレーズやウェブサイトのボタンに使用されます。 1-2.整列整列は要素を一列に配置し、整った見た目を作り出します。テキスト、画像、ボタンなどが整然と並べられることで、全体のデザインが統一され、情報が追いやすくなります。 整列は、ユーザーインターフェースやグラフィックデザインにおいて、読みやすさとナビゲーションの改善に貢献します。 1-3.繰り返し繰り返しは、デザイン内で一貫性と認識を高めるために同様の要素を使用します。これにより、ブランドアイデンティティを強化し、ユーザーに親しみやすさを提供します。 繰り
Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。
今回はUIやUXに仕事でこれから携わりたい!と思っている人や、仕事で必要だけどイマイチ理解できてない!という人のために良質な記事&スライドを厳選しました!今回はUIやUXに仕事でこれから携わりたい!と思っている人や、仕事で必要だけどイマイチ理解できてない!という人のために良質な記事&スライドを厳選しました! 【UI】「優先順位を決めて、やるべきことを絞る」/河原香奈子氏 >>記事はこちらからどうぞ! 短めの記事なのですが、STORES.jpがどのようにUI/UXを作り上げてるかが垣間見えます。webサービスを作ってる方は必読だと思います! とってもわかりやすくて初心者向けな記事だから俺にぴったりだってばよ! 【UI/UX】「重要なのは、毎日さわって嬉しいUI UX!」 UI&UX / 重要なのは、毎日さわって嬉しい UI UX! from Akiko Ohtsuka スマホアプリのUI/
常にUIやUXに関する素晴らしい記事が公開されています。数ある中でもこれは読んでおいた方がいいだろうと思うものを最近の記事の中から厳選しました。常にUIやUXに関する素晴らしい記事が公開されています。数ある中でもこれは読んでおいた方がいいだろうと思うものを最近の記事の中から厳選しました。 高まるインタラクションとUXの重要性!2014年はプロトタイプの年になる-MEMO PATCH >>記事はこちらからどうぞ! UIデザインに定評のあるGoodpatchが運営しているMEMO PATCHというブログの記事です。今回の記事はプロダクトデザイナーJames De Angelisが書いた記事の翻訳だそうです。2014年からはプロトタイプの作成がより重要になるだろうということが語られています。UIデザイナーは必読の記事だと思います! 近頃はプロトタイプツールも色々なものが出ているし要チェックだな!
photo by Robert S. Donovanウェブデザインを担当していると、星の数ほどある他のサイトたちに自社のサイトが埋もれてしまわないか、心配になりますよね。 そこで、ユーザーに評判のよいサイトを作るために、プロデザイナーたちから優秀だと認められたサイトデザインを参考にしてみるのはいかがでしょうか? この記事では、2013~2011年の3年間にグッドデザイン賞に選ばれたウェブサイト7つから、自社サイトに活かしたい12個のデザインテクニックをまとめて紹介いたします。 受賞作品を参考に、ヒットするウェブサイトを作りましょう! 参考:BtoB製造業のWebサイト参考事例9選と、ホームページ作成の3つのポイント グッドデザイン賞とは? 1957年に創設された日本で唯一の総合的なデザイン賞で、毎年企業やデザイナーから40,000件以上の応募があり、よいデザインを示す賞として広く親しまれて
どうすれば「リッチな」印象のページになる? ランディングページの製作時、デザインを「こんな印象のページにしたい」というのはあっても、いざ「どんな配色で」「どんなフォントで」「どの程度の派手さで」を決めるとなると、一体どうやったら自社のターゲットに適したデザインに仕上がるのか分からない! ということはありませんか? 今回は、「可愛らしい」「真面目で冷静な」「先進的な」「信頼感のある」といったイメージ・印象ごとに、適した配色・フォント等デザインを実際のサイトを例に出してご紹介します。 あなたの「こんな印象を与えたい」という思いをデザインにするとこうなる! というのを具体的にまとめていますので、デザインの方針を立てる上での参考にしてください。 ※ランディングページ改善に重要な要素を大きく4つに分け(ファーストビュー、ライティング、導線、その他のポイント)それぞれの項目で訴求ポイントのチェックが行
2014年2月投稿、2017年3月最終更新。 上記のようなセリフ、あるいは「コンセプトが見えない」といった言葉など。 WEBを含め、何かの制作に携わっている方なら聞いたことがあると思います。 一方で、コンセプトの定義があいまいであることが、それを作ることを複雑にしているようでもあります。 そこでコンセプトの定義や作り方の参考、成果が出ているものの事例を紹介します。 【目次:WEBサイトコンセプトの作り方・役立つ5つの事例】 なぜ、WEBサイトにコンセプトが必要なのか? コンセプトとは何か?を定義します。 では、WEBサイトのコンセプトとは? コンセプトメイキングために、ターゲットを選定しておくことが大切。 【5つの事例紹介】優れたコンセプト事例も参考になる! コンセプト事例1.「Esty(エスティ)」 コンセプト事例2.「ヴィレッジヴァンガード ネット通販公式ストア」 コンセプト事例3.「
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
「Empty Data(またはEmpty Status)」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります(Webでの404に近いですが、少し違います)。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考:モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか? 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性
アメリカの西海岸、シアトルから200kmほど下ったところにオレゴン州・ポートランドがある。人口はおよそ60万人。インテル、IBM、ゼロックスなどのIT企業や、ナイキ、アディダス、コロンビアなどのグローバル企業が社屋を構える西北部有数の都市でありながら、少し郊外に足を伸ばせばウィラメット渓谷の豊かな自然が広がっている。また、文化的にはエリオット・スミスやThe Dandy Warhols、Modest Mouseなどのインディー系ミュージシャンも多数輩出。市民のDIYの精神が盛んであり、アメリカ最大の同人誌イベント『ポートランド・ジン・シンポジウム』も2001年より開催しており、「全米で最も環境にやさしい都市」「全米で最も菜食主義者にやさしい街」なる称号も獲得している。 2011年、そんな街でライフスタイル誌『KINFOLK』は産声を上げた。ネイサン&ケイティ・ウィリアムスという20代の夫婦
こんにちは。たまです。 最近canvasを使用したサイトをちらほら見かけますね。サイトのコンセプトに合えば是非とも取り入れたい表現です。 今回は有機的な動きをcanvas+javascriptで展開しているサイトをまとめてみました。 インスピレーションが湧いてくるな〜。では行ってみよう! My Life in 20 Years https://www.mylifein20years.com/ ※現在はサービスを終了しています。 facebookと同期してみてください。他のユーザーとの関係を繋ぐラインや読み込み時のローディング等、所々canvasが使用されています LAMDASH DNA | メンズシェーバー ラムダッシュ | Panasonic https://panasonic.jp/shaver/lamdash/dna/index.html DNAがcanvasによって表現され、3Dの
何もない空白のネガティブスペースを使った、クリエイティブで面白いアイデアがいっぱいのアートワークをDribbbleから厳選して紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く