ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
【まとめ】エンジニア向けデザイン参考サイト - Qiita
本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新 こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から 「どこから画像を引っ張ってくればいいかわからない😭」 「日々の情報収集どうすればいいの？🤔」 という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ！」というのがあればぜひコメントで教えてください！ 日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し
UIデザイン力を鍛えるリデザインの勧めとコツ｜坪田 朋
Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます！ リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。 今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思います。 デザイン力を鍛えるリデザインのコツ インターン採用でリデザイン課題を出すとだいたいの場合、グラフィック、UI設計、カラー変更など全部盛りの案を持ってきてくれる事が多いのですが、変更箇所が多すぎると狙いが分散した結果、フィードバックしにくい事がよくあります。 ポイントを絞り、リデザインの意図を伝えて、その案を叩きに対話できるとディスカッションのスキルもアップする上に『おおちゃんと深く考えてるじゃん
フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説
フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。 フォームのボタン配置は、対象のボタンとフォームのタイプに依存されます。 さまざまなタイプのフォームを総合的に調査・分析し、それぞれのタイプでどこにボタンを配置するかについて解説します。 Where to put buttons on forms by Adam Silver 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 プライマリボタンは入力欄の左端に揃える 「戻る」ボタンはフォームの上に配置 分岐するアクションはフォームの上に配置 機能に応じて追加のボタンを配置 一部の単一フィールドのフォームでは、入力欄の横にボタンを配置 マ
「らしさ」が伝わるロゴをつくる。ABEJAデザイナーの試行錯誤 - ABEJA Tech Blog
はじめまして。骨とワニが好きなデザイナーの吹上（@takana8）です🐊 昨年夏、 ABEJA の主力サービスのひとつである ABEJA Platform のロゴ（上図）を制作しました。 ABEJA Platform とは、人工知能のブレークスルー技術である Deep Learning を活用し、様々な大量データの取得・蓄積・学習・解析・出力・フィードバックを行うことができる先進的なPaaS（Platform as a Service）です。 今回のテックブログでは、この ABEJA Platform のロゴをどのようなプロセスで、どのような考えに基づいて制作したのかをご紹介します。 どんなロゴが求められていたか 一般に、ロゴに求められる要件というと以下のようなものがあるかと思います*1。 視認性：かたちや色がはっきり見えるか、文字を読み違えないか 展開性：ディスプレイでも印刷でも問題な
自宅でできる腸内フローラ検査サービス| Mykinso(マイキンソー)
とは？ マイキンソー（Mykinso）は、株式会社サイキンソーが提供する、 自宅で簡単に腸内の様子を調べることができる腸内フローラ検査サービスです。
CVRが驚くほど上がるボタンデザイン7つの法則
Webサイトやアプリを訪れたユーザーに対して、ゴールまでの最適な道筋をつけるのがCTA（Call to Action：行動喚起）。このCTAを意識してボタンをデザインすることで、クリック率やコンバージョン率を大幅に改善できます。ボタンを実装するときにチェックしておきたい7つの法則を紹介します。 1.ユーザーの言葉を使う ネットで買い物しているところを想像してみましょう。以下の2つのボタンがあったら、どちらを押したくなるでしょうか。 ほとんどの方は、右の「注文する」を選んだはずです。デザインがまったく同じボタンがあったとしたら、自分が日ごろから使っている言葉のほうがピンときて押しやすい。企業側の言い回しと、ユーザー側の言い回しがずれているほど、ユーザーはアクションを起こしづらくなります。ボタンのラベルにはユーザーが普段使っている言葉を使いましょう。 Webサイトの制作ではつい企業目線の言葉を
売れるネット広告社が実践している「縦長LP」の構造 4つのエッセンスと7段階アプローチ
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
今月の注目広告：日本コカ・コーラ／GEORGIA「働く男の応援アプリ」、「マニフェスト」篇テレビCM | ブレーン 2014年4月号
子ども：ねえ、パパ... お父さん：ん？ 子ども：世界は誰が作ってんの？ お父さん：誰って... 鳶職：俺だ！ ラーメン屋：いや、俺だ... 営業マン：俺ですね。 警察官：いやいや俺だって。 たこ焼き屋：俺でしょう。 配送業者：俺だよ。 道路誘導員：俺忘れてねぇ？ お父さん：いや...俺だ... NA：世界は誰かの仕事でできている。 子ども：いや、僕だ！ NA：ジョージア NA(山田孝之）：週刊ジョージア創刊 ジョージアから新雑誌創刊！この新しくて面白い取り組みを、いろんな職域の人たちと一緒に始めました。毎日新たな発見の連続で刺激的な仕事です。あなたの毎日を楽しくする情報を、スマートフォンに届けていく予定です。大人気のスタートでご愛読感謝です！まだの方は、ぜひアプリをダウンロードしてご一読を！（電通 クリエイティブディレクター 螺澤裕次郎） 日本社会におけるジョージアの役割は「額に汗して働
ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期
うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツなどの随所に仕掛けたインタラクションの芸が非常に細かく、楽しませてくれます。
無料セルフアンケートツール『Questant』-MacromillのアンケートASP-
年間30,000件を超えるネットリサーチ国内実績No.1の「マクロミル」の ノウハウがつまったセルフアンケートツール「Questant（クエスタント）」。 初心者でもまるで画面と会話をするように、かんたん、直感的に無料でWebアンケート作成ができます。 会員登録（無料）
分かりやすいUIを考えるときに参考にしたい34のアイデア | mah365
GoodUIというサイトでは、サイトのコンバージョンを上げるときに参考にしたい34のアイデアを紹介しています（どんどん追加されるようです）。とても参考になったので、タイトルだけ日本語訳してお伝えしたいと思います。あえて意訳しているところもありますが、英語的に完全に間違っている部分があれば、ご指摘下さい。 マルチカラムレイアウトにするより、シングルカラムレイアウトにしてみよう。 すぐにクロージングするより、プレゼントを与えてみよう。 UIを断片化させるより、似たような機能を統合してみよう。 自分で自分自身を語るより、ブランドのある誰かに語らせてみよう。 重要なアクションは1回だけ見せるより、何回も繰り返して表示してみよう。 クリックできる・選択できるアイテムは、ぼかさず明確にスタイルしてみよう。 選んで欲しいものを並列で並べるより、オススメを強調してみよう。 いちいち確認を取るより、Undo
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
ISUTA（イスタ）オシャレを発信するニュースサイト
ぬいぐるみみたいな、キョトン顔のスヌーピーにズキュン。『SPRiNG』8月号はトートともふもふポーチ付き！
保存版！Webサービスのデザインに参考になりそうなデザイン27 | startapp
Webサービスのデザインとして参考になりそうなデザインを主にフラット系を中心に、集めてみました。Webサービスのどんなデザインにするか迷ったときに使ってもらえるとありがたいです。ログインが必要なものは、ログイン後のメインページをキャプチャしています。 1. Delcious Topページ お勧め記事の一覧 2. Digg Topページ Digg Reader (RSS Reader) 3. Kippt TOPページ ログイン フィード 4. INC Topページ サインアップ フィード 5. ORIGAMI Topページ サインイン タイムライン 6.Metro Tweet Topページ 7.KIN Title アカウント作成 ダッシュボード、カレンダー 8. inky Topページ Windows版アプリケーション 9. flcikr Topページ 検索結果 10. AddThis
2013年8月 : 今月見つけた素敵なデザインのWebサイト
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【インタビュー】「一生残るデザインを」韓国屈指のデザイナー陣が語る映画ポスターの在り方 | cinemacafe.net
採用をお考えの企業様向けサイト BIZREACH
VeLO & vetica Hair Salon（ヴェロ・ベチカ ヘアーサロン）