Pinned
【重要なお知らせ】
本日、株式会社アジケはメンバーズグループへの参画を発表しました。創業から18年、なぜこの決断をしたのか。私の正直な想いをnoteに綴りました。アジケという会社も、私も、「味気あるものをつくる」魂は変わりません。引き続きよろしくお願いします！
梅本 周作 / アジケ
梅本 周作 / アジケ
9,805 posts
梅本 周作 / アジケ
@dubhunter
(株)アジケ代表｜UI/UXデザイン会社を18年経営｜金融系のお客様を中心にサービスデザインやUI/UX改善の支援をしています｜最近の興味はデザイン×AI。
平日朝8時：海外UX/AIニュース配信中｜月曜朝8時30分：ポッドキャスト「デザインの味付け」｜実務の話を本音で発信｜ご相談はお気軽に。
梅本 周作 / アジケ’s posts
デザインの単位を"px"から"rem"に変更すべき理由とFigmaでのやり方が書かれた記事。
自分もFigmaではpxでデザインしているので、remに変更していこう。変更したほうが良い理由はスレッドに記載。
2023年のUI/UXデザイントレンド。【技術編】
・AIを活用したUIデザイン
・ノーコード系のツール活用
・VRコンテンツのデザイン
・分散型のプラットフォームに適したデザイン
・動画体験をあげるためのデザイン
22年後半から急にAI関連が伸びました。ワークフロー検討ですね。
Figma MCPのアップデートで、アノテーション（注釈）をAIに渡せるようになったので、次のようなことを試してみました。
Figmaでデザインを作成→AIと一緒にフィードバック→それを注釈としてFigmaに自動で書き込む流れです。
デザイン原則と手法がオープンソースとして集まったサイト。現在、195の事例。デザイン原則としては1448掲載。個人的に気になった事例は米国Webデザインシステム。
principles.design
Twitterに投稿された良いUIデザインをまとめて見られるサイト。UI表現としてかなり新しいものばかりなので、眺めるだけでも楽しいです。
recent.design
GIF
UIデザインが確実に良くなる14のコツ。すぐに実務で使える基本ルールが整理されています。例：8の倍数でサイズ統一、色のコントラストは見やすく、ボタンは最低48px四方。論理的にデザイン品質を上げたい人におすすめ
2023年のUI/UXデザイントレンド。【UI/ビジュアル編】
・資料全体に対して概要スライドをトップに。
・グラデーションの回帰。
・テキストの減少、ビジュアルの最大化。
・インタラクティブエリアの増加。
uxmisfit.com/2022/12/05/202
「モーダルは何を選ぶべきか？」アプリからダイアログ型のお知らせをするときに、デザイナーはダイアログ、シート、スナックバーなどどの型を選ぶか迷いますよね？そのガイドラインになる記事ですのでご参考ください
uxdesign.cc/sheet-dialog-o
ChatGPTを使ったシステム図の作り方の記事。
1. ユースケースを定義する
2. ユースケースに応じたデータモデルを定義
3.関係を定義
4.シーケンス図の作成
5.状態遷移図の作成
ロゴはまだ重要か？成功するロゴの作り方、スケッチから納品までの考え方やながれをGoogle Fontsが紹介しています。
fonts.google.com/knowledge/usin
UIデザインにおける配色ルール「60-30-10」の説明が書かれた記事。メインカラー、セカンダリーカラー、アクセントカラーの3つを選択する方法は有名ですが、具体的なイメージがあるのでわかりやすいです。配色前にレイアウトや間隔の話も書かれている優れた記事です。ぜひご覧.
bootcamp.uxdesign.cc/60-30-10-rule-
Figma社が新卒デザイナー向けに、効果的なポートフォリオ作成と面接対策のポイントを紹介。Figmaで新人デザイナーとしてキャリアを目指す人に採用担当者がどこを見ているかが書かれています。PJの数ではなくストーリー性が重要とのこと。
figma.com/ja-jp/blog/bre
「デザイン思考は世界を変えるはずだった。どこで失敗したのか？」というドキっとするタイトルの記事。ざっと要約すると以下の内容。
「デザイン思考」というアプローチが、ビジネスや教育など様々な分野で注目されているが、その効果については疑問視の声。
technologyreview.com/2023/02/09/106
ナイキのデザインシステムの公式説明記事。同社のデジタルエコシステム全体を一つのビジュアル言語で統一。規模に応じて一貫性を保つよう設計され、柔軟さと適応性を持っているとのこと。老舗有名ブランドのデザインシステムを見たい方はぜひ。
instrument.com/work/nike-digi
GIF
UIチェックリストを配布中です。ユーザーエクスペリエンス（UX）の質を評価するために設計された「UIチェックリスト」とその使い方を説明した記事です。弊社のデザイン組織開発支援をしているチームが作成したリストなので気になる方はぜひ体験版をダウンロードしてください。
note.com/dods_ajikeinc/
アップルの角丸の秘密の公式。appleが採用している角丸はなぜかきもちよく、そしてかっこよく見えますよね。その要因を解説した記事です。「人間は近いほど丸みを帯びる」その手法は「スクワークル」を採用している。とのこと。ちなみにスクワークルは（スレッドに続く↓
arun.is/blog/apple-rou
ユーザーがいかにブラウザの戻るボタンを頼りにしているか？が書かれた記事。デザイナー側として実装しがちなUIと実際に使うユーザーのがっかり感を説明してくれています。
Spotifyのデザインチームが、プロダクト開発の「発見フェーズ」に焦点をあてた記事。発見フェーズはプロダクトのニーズと問題を発見しその解決策を見つける時期。そのためにユーザーインタビュー、アンケートでプロダクトニーズを把握。わかっちゃいるけど大事なことです
spotify.design/article/naviga
Google Designによる「クリエイターはいかにして複雑なコンセプトをビジュアル化するか？」と書かれた記事。Googleのデザイナー5人がこの問いに対してメッセージを残しています。
2024年のUIデザイントレンドをした記事。ハイパーリアリズム、型破りなレイアウト、フラットデザインの再定義、Bigテキスト、モルフィズム、サイバーパンクスタイルなどが注目。記事には私も知らない単語や表現方法が多く紹介。トレンドを抑えておきたい方はぜひ。
アクセシビリティを学ぶためのサイト。サイトの作者いわく「アクセシビリティを学ぶ資料を見たとき、過度に専門的だったり、情報が分散され何度も調べる必要があった」これらの課題意識から生まれたサイトとのことです。
understandingaccessibility.com
へー。UI/UXデザインにおいて「バナナルール」なる原則があるそうです。バナナルール」とは、バナナの形が食品であることを明確に示すように、ユーザーがウェブサイトやアプリケーションの目的を一目で理解できるようにする原則のこと。「アフォーダンス」ともいえそうです
先日投稿したFigma MCPの自動フィードバック機能をnoteにまとめました。デザインレビューの時間短縮と品質向上を両立する具体的な設定方法を解説。AIがデザインを分析してFigmaに注釈を自動記録する手順を詳しく紹介しています
note：
Figmaのデザイン組織が記載したデザイナーのスキルマップ。チームに期待すること、そしてそのレベル感や求めるパフォーマンスが書かれております。デザイン組織をつくろうとしている人には大変参考になる資料ではないでしょうか。
figma.com/community/file
デザインリーダーへの緊急提言
「6ヶ月以内に動かないと、デザインチームの主導権を失う」という警告記事。
今すぐ始めるべき3つのこと
1.経営陣に「AI時代でもデザインは重要」と伝える
2.何でもできるデザイナーを育てる
3.従来の仕事のやり方を根本から見直す
UXリサーチ手法をいつ使うかの図。縦：行動と態度。横：質、量。属性：製品利用時の状況。
最近、社内でUXリサーチについて議題にあがったので自分用にまとめていた資料。この図のソースは次のコメント欄に書きます。
デザイナーが監修した、よく使うデザインツールライブラリー。デザイン関連の業務を楽にするための素材やツールを探している方はぜひご覧ください。
海外のユニークなアプリをUIとUXの観点から考察した記事。弊社のサイトウさんがかなり詳しくUIを分析してます。体験を支えるUIへのこだわりをうまく言語化して解説されてます。さすがです！
note.com/ajike_saito/n/
UIデザイナーの本当の仕事は「削ること」
インターフェース設計で重要なこと
・すべての画面に「主要なアクション」を一つだけ設定
・「何が追加できるか」ではなく「何が削除できるか」を問う
ユーザーの注意力は限られている。複雑さは認知負荷を増やす。
