記事一覧
ヘッダー（グローバルナビゲーション）のデザイン事例100選
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏
今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍
はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。
一般的には画面上部のヘ
エンジニア直伝！デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法
こんにちは、@ShikiCheriです。
現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。
デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…！？クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サ
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編
こんにちは！i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。
マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま
「ザ・青空」じゃない空のグラデーション素材、無料配布します
下の図ですが、これ、ぜんぶ空の色です（自分のInstagramにアップした、空映ってる写真から色を抽出しました）。思った以上にいろんな色あるなぁと気づかされます。配色するとき、色のもつイメージを基準にすることはもちろん大切ですが、固定観念だけでなくその場の「空気を捉える」ことも必要だなと思いました。
これらの色をもとに、グラデーションのパターンを作りました。
配布してほしいという声もいただいた
Figmaを使った謎解き風練習ファイル！Figma World 第1章 旅に出よう
久々投稿のタクトです！
今回の記事では
Figmaの練習ファイルについてご紹介しようと思います。
webデザインをするにあたって、いまは色んなツールが出てますね！
自分がいま勤めている会社でもPhotosohpやXdなどでやってきてましたが、
Figmaに徐々に移行することになり、新たに勉強しはじめました。
そんな折、Figmaは英語のUIだったりして
始めるまでのハードルが若干高いといった
【随時更新予定】推しのFigma Pluginまとめ
こんにちは、株式会社アトラエでデザイナーをしています三上蒼太(@sota_mikami)です。
弊社ではデザインツールとしてSketchとFigmaを使っています。
どちらも併用していますが、個人的な好みはどちらかと言えばFigma（前職で使い倒していたので）。
この記事では、そんなFigmaの推しPluginをまとめていきます。
気分次第で随時更新予定です。
Unsplush説明する必要も
［サンプルファイルあり］Adobe XD ユーザーフェス特別企画・自動アニメーションハンズオン講座 当日用資料
2020年9月26日（土）にオンラインで開催されるAdobe XD User Festival 2020の特別企画として行われるハンズオン講座の資料です。
アーカイブ動画当日の動画はこちらでご覧いただけます。
XDサンプルファイル ダウンロード
ハンズオン講座で使用するサンプルファイルは下記からダウンロードしていただけます。
一緒に手を動かしながらAdobe XD User Festiva
レイアウトデザインの視点を増やす 思考＆Tips
はじめにこのnoteは、私がTwitterで発信した「デザインの思考＆Tips」のなかから、レイアウトデザインに関する内容を編集してまとめたものです。普段のデザイン業務で私が意識している、webデザインを中心としたレイアウトの考え方やTipsを紹介します。
「レイアウト」といっても、ただ単にドキュメント上に要素を置くのは誰でもできます。どんな素材にするか、どんな動線にするかを考えて位置を決めてい