ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
UX心理学 | グロース - 松下村塾株式会社
グロースやユーザーエクスペリエンス改善に必須のユーザーエクスペリエンスを向上させるためには、意思決定に影響を与えうる心理学やバイアスを理解する必要があります。以下はUXに影響を与える心理的効果とデザイン原則のコレクションです。
【glide】画像をスライド表示にする方法「複数枚の画像を表示」 | 独学ノーコード
最近、注目を浴びているノーコード。 簡単にアプリが作れる人気のノーコードツールGlideなら、プログラミングなしでアプリが作れます。 Glideでは、画像を表示したり、アプリに画像を送信したりすることもできます。 ここでは、Glideのアプリに「画像をスライド表示させるやり方」を紹介します。 Glideとは？ Glide（グライド）は、ノーコードツールで、Googleのスプレッドシートを用いて、アプリを作成できるサービスです。 クリックアンドドラッグで操作ができ、テンプレートやスプレッドシートとの連携が容易にできるためプログラミングは必要ありません。 プログラムコードの入力をせずに画面を操作してアプリが作成が可能で、簡単にアプリを作成することができる人気ツール。 Glideは、無料で登録して使用することができます。⇒ Glideの登録 画像をスライド形式で表示 Glideでは、複数枚の画像
ロゴデザインでよく利用させていただくモックアップサイト5選｜松永克輝｜GRIZZLLY.DESIGN INC.
こんにちは。今日はロゴ制作において、よく利用させていただいているモックアップサイトを紹介させていただきます。 モックアップのサイトほとんど海外のサイトが多いです。だからこそ中々サイトを見つけにくいですし、なんか怪しく見えてしまうことがあります。 デザイン学びたての時は一番有名な「freepik」さんしか利用してませんでしたが、freepikにないオシャレなモックアップが落ちているサイトも沢山あります。 しかも無料でモックアップの素材をダウンロードさせていただけるサイトも結構多いです。 そもそもモックアップとはそもそもモックアップとは合成画像のことです。 フォトショップを使って簡単に合成画像を作ることができます。 一昔前なら写真を用意して、その上に配置して・・・とおそらく大変な作業だったと思うのですが 今はある程度のモックアップであれば、誰かがつくってくれているものを利用する方が圧倒的に時短
ロゴのモックアップに使える無料PSDテンプレート61選。名刺/看板/封筒/革/壁/ガラスまで - Workship MAGAZINE(ワークシップマガジン)
ブランドアイデンティティにとって、ロゴデザインは重要です。 ロゴはWebサイトや名刺だけでなく、商品パッケージ、文房具、広告、製品タグなど、さまざまな印刷物に使われます。 しかし実際のプロダクトに、ロゴをテスト印刷するのはなかなか難しいでしょう。 そこで今回は、さまざまな印刷物のロゴモックアップに使えるPSDテンプレートを61個ご紹介します。シンボルマークやフォントの崩れがないかを確認するのに、ぜひご活用ください。 ロゴのモックアップに使えるPSDテンプレート61選【無料】 1. Free Stationery Mockup PSD 汎用性の高い、紙製品を中心としたモックアップ。ノート、名刺、背景色、散らばるクリップの色も変更できます。 Free Stationery Mockup PSD 2. Free Jack & Son Identity 店舗で使う紙袋や、ショップカードのためのモッ
【無料】Adobe Colorで配色デザインはバッチリ！便利な使い方 | 321web
配色の悩みはAdobe Colorを使えば一発で解決！ 配色デザインツールには何種類もありますが私が愛用しているのはAdobe Color。 無料ながらも超使いやすくAdobeccとの連携も便利なAdobe colorについて詳しく解説します。 Adobe ccを安く買う方法はこちら 最強の配色ツールAdobe Colorとは Adobe ColorとはAdobe(アドビ)が提供している無料の配色デザインソフトの事です。 直感的な操作でバランスの良い配色デザインを作り上げることが可能。 作ったカラーパレットは簡単に色コードをコピーしたりPhotoshopやIllustratorなどに自動的に送れます。 Adobe Colorの特徴 シンプルながらも多機能なAdobe Colorの大きな特徴は下記の5点
WordPress の theme.json での流体タイポグラフィ（Fluid typography）と 6.4 での 最大・最小 ViewportWidth 指定の覚書
HOMEStaff BlogWordPressWordPress の theme.json での流体タイポグラフィ（Fluid typography）と 6.4 での 最大・最小 ViewportWidth 指定の覚書 今回は theme.json で指定できる settings プロパティのタイポグラフィの fluid について、WordPress 6.4 で最大・最小 ViewportWidth 指定ができるようになるので、あらためておさらいしながら見ていきます。 流体タイポグラフィ（Fluid typography）とは？ 現在のウェブサイトはあらゆる画面幅で見られます。読みやすい文字サイズも画面サイズやレイアウトによって異なりますので、大きな画面では大きな文字サイズに、小さい画面では小さい文字サイズに流動的なフォントサイズにする事…という解釈で良いですよね？ 流動タイポグラフィを見
「自分を知り、自分らしい人生へ」自己認識の形成を助けるGPTを紹介します｜fkady
価値観、好き嫌い、得意不得意、自分を理解するのって難しいですよね そこでGPT「Self-Awareness Assistant」を作りました！https://t.co/HWRlor4SZF 日々の出来事や思考を送ると、思考傾向や価値観など分析。溜めた記録からパーソナル診断も可能です！ 日常が自己認識のインサイトに変わります！ pic.twitter.com/xtvsFNESVi — fkady (@_fkady) December 14, 2023 これは、日々の出来事を記録すると、その内容をGPTが分析してくれる。それが自己認識の形成の助けになる、というものです。 「自己認識に基づいた選択や行動が取れるようになると、日々が生きやすくなり、その積み重ねが自分らしい人生につながるのではないか」と私は考えています。 今回のnoteでは、上記について詳しく書いてみたいと思います。 「生きやすさ
パワーポイントのデザインパターン集。資料作成時に使える39のアイデア | シースラ!!
パワーポイントのデザインパターン集。資料作成時に使える39のアイデア デザインパターン 2023.02.01 2024.03.12 パワーポイントで資料を作成するとき「伝えたいことは明確なのにデザインのアイデアが浮かばない」という人は多いのではないでしょうか。 せっかく構成ができたのに、パワポのデザインに頭を悩ませ、結局全体的に時間がかかってしまうという方をよく見ます。 そこでこの記事では、資料作成代行サービスを運営している弊社が蓄積した、ほぼすべてパワポデザインを網羅した「39のデザインパターン集」を紹介します。 アイデアが浮かばないときにいつでも参考のデザインを探せるように、本記事をブラウザで開きながら資料作成してみてください。当社のメンバーも実際にこの使い方をしています。 パワーポイントの操作自体が不安な方は以下の記事を先に読んでみてください。 パワーポイントの使い方。基本的な3
パワーポイントの見やすさ・作業効率が高まる、スライドマスターの使い方 ｜プレゼンデザイン
スライドマスターを使えば、 プレゼン資料作りを効率化できる スライドマスターとは「プレゼン資料全体で使う共通要素を一括管理できる、パワーポイントの機能」です。たとえば新しいスライドを挿入したとき、タイトルやページ番号、コピーライト表記などの要素は自動で配置されるのではないでしょうか。これはスライドマスターによるもので、プレゼン資料定番の要素に対してあらかじめ枠を用意し、資料作りをスムーズに進めやすくしているかたちです。 また、プレゼン資料ではスライドの決まった位置に会社のロゴマークを配置することがあります。そして、後からこのロゴマークの差し替えが必要になったとして、スライドの枚数が100ページほどあった場合、「古いロゴの削除・新しいロゴの貼り付け」この作業をひたすら繰り返さなければならないでしょうか？ 実際にはそうならないと思います。こんなときはスライドマスターにロゴマークを配置し、各スラ
MiSO TONE
MiSO TONE represents the Japanese aesthetic consciousness of "Wabi-Sabi," conceptualized as "tone and miso," aiming to appreciate the beauty brought about by the passage of time. It seeks to be a gateway that admires the beauty of aging and the evolving nature of time, while fostering new sensibilities and discoveries with the enjoyment of change and maturation. MiSO TONEは、日本の美意識である「侘び寂び」を「音色と味噌」に
40～50代社員の老害化問題について考える | knowledge / baigie
ここ2年ほど、全国に点在する経営者や経営幹部と出会い、話を聞く機会を増やしている。月平均3～4名くらいのペースで、企業規模は数十名から数百名前半くらいの中小・中堅企業が多い。 地域/業種/業界/規模はバラバラながら、共通する話題もある。中でも表題の「40～50代社員の老害化」はよく耳にするテーマである。 個人的には、「老害」という言葉を安易に用いるのは好きではない。なぜなら、自分に都合が悪い年配者をすべてそこにカテゴライズし、全否定できる言葉だからである。実際には老害とは反対の「若害」といえる現象も存在するように思う。それも含めて、物事は「誰が言ったか」ではなく「何を言ったか」で冷静に客観的に見なければいけない。 その前提があった上で、比較的若い経営者や経営幹部の話を聞くと、「それは確かに老害という言葉で表現するしかないかもしれない」と思うことはある。 老害社員とは こうした話題で出てくる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
会議改善に関するガイドラインを策定しました|柏崎市公式ホームページ
Home | Canva Creative Team
Bento designs, themes, templates and downloadable graphic elements on Dribbble
参考資料一覧 | シースラ!!
Variable fonts support in Figma
Variable Fonts – Support
【5分で解決】CSSのletter-spacingからAdobe XDでの文字間を計算する方法
BentoGrids
