i3DESIGN デザインチーム

【7/24発売！】i3DESIGNデザインチームがUIデザインの解説本を出版します✨ 初学者の方にもわかりやすいよう、架空のプロダクトを題材にUIデザインの「あるある」を徹底解説しました。 見どころや本に込めた想いをnoteにまとめたので、ぜひチェックしてください📕 note.com/i3design_desig…

【社内事例公開✨】 AI×デザインの浸透を加速させるには？今年2月に開催した #社内ハッカソン の内容をnoteにまとめました！メンバーが楽しみながら活用できる企画のポイントを公開しています。AI推進に悩む組織のヒントになれば幸いです🌱 #AI活用 note.com/i3design_desig…

【note新着記事📮】 当社で検証した「AI×デザイン」の最新ワークフローを公開しました！AIがコードで作ったモックアップとFigmaの往復は、現在どこまで実用的なのか？デザイナーの知見を詰め込んだ最新の検証レポートをぜひご覧ください✨ #Cursor #Figma #AI活用 note.com/i3design_desig…

UIデザインにおける「#トンマナ」について解説した記事を公開しました！✨ ブランドイメージの一貫性を保ち、ユーザー体験にも大きな影響を与えるトンマナの構成要素や設計のポイントをまとめています。ぜひご一読ください🌱 #UIデザイン #トンマナ設計

＼デザインシステム発注ガイド公開🖐️／ 当社だから書けるホワイトペーパーが遂に完成しました！ プロダクトの実装から運用まで見据えた、デザインシステムの発注の際に使えるガイドラインになっております。ぜひ資料をダウンロード頂きビジネスにお役立てください。 hubs.la/Q03yq9bf0

【お知らせ📚】 書籍『現場の「あるある」から学んだ 今すぐ使える「UIデザイン」41の法則』がAmazonの“新着ランキング”で1位をいただきました！ありがとうございます。 いよいよ明日7月24日（木）に発売となります。 駆け込みご予約お待ちしております！ hubs.la/Q03ypGmh0

記事では #デザインシステム の土台となるデザイン原則について解説しています。 デザイン原則の策定は組織の理想像を言語化し、組織全体の共通認識を作る大事なステップです。 デザイン原則の策定や見直しを考えている方は、ぜひご一読ください👀 #ux #ui #組織 #仕組み #デザイン原則

@freenance_jp @Shoeisha_BizIT シェアありがとうございます！

#FREENANCEニュース #フリーナンスbyGMO ユーザビリティを良くするためのヒントを一挙公開！ 新刊『現場の「あるある」から学んだ 今すぐ使える「UIデザイン」41の法則』7/24発売 @Shoeisha_BizIT @i3_designers #UI freenance.net/media/news/400…

@nanammeon ありがとうございます。nanammeonさんのような経験豊富なデザイナーの方にとっても、基本に立ち返って新たな気づきのあるような内容になっているのではないかと思っております！！ ぜひ感想も教えていただけましたら、とてもとても嬉しいです🌱（執筆者より）

買います！ こういったUIデザインのTips集が増えてきて嬉しいな 書籍発売のお知らせ。『現場のあるあるから学んだ　今すぐ使えるUIデザイン41の法則』（翔泳社）　7月24日発売｜i3DESIGN Designers @i3_designers note.com/i3design_desig…

【 #Figma 解説記事🌱】 条件分岐によって表示が変わるプロトタイプの作り方に関する記事を公開しました！ アプリのUI作成でよく使われる挙動を、2つの具体例を通じて紹介しています。ケーススタディとして一度試してみると、さまざまな応用にもつなげやすい内容になっています✨

i3DESIGNさんのnoteがあるおかげで僕はUIの仕事をすることが出来ているくらい、丁寧で網羅されて整理されていてﾏｼﾞﾃﾞ感謝(ギャル) みなさん新人教育とか自身の振り返りにぜひ！

＼ UIデザインTipsのご紹介 ／ Q. 可読性の高いテキストデザインの法則は？ A. 行間は文字サイズの50～100％（0.5文字～1文字分）が適切と言われています。 ▼詳細はこちら hubs.la/Q03sZHrW0

📣Web Designing 8月号　本日発売📣 今号は、Web制作やデジタルプロダクトの制作において、もはや不可欠なツールである「Figma」を大特集。 制作だけではなく、共同作業や運用方法にも焦点をあてて、さまざまな会社でのケーススタディを中心に、「もう一歩先の活用法」を解説します。 第2特集は「デザインリサーチ」。リサーチャー・菅原大介さん監修のもと、Web制作者が知っておくべきデザインリサーチの基本知識と実践方法を紹介します。 連載記事も、読み応えたっぷりでお届けします！ 💁ネットでのご購入は下記より／書店では「パソコン雑誌」コーナーへ amzn.to/4l0PYvo 📕目次 ーーーーーーーーーーーーーーーーーーーーーーー 第1特集 Figmaとデザイン ーーーーーーーーーーーーーーーーーーーーーーー [レポート] Figma Config 2025 [座談会] Figmaは制作現場の何を変えるのか？ 綿貫佳祐 @kskwtnk（Qiita株式会社 @Qiita）/ 石井克尚 @kuniorock_（株式会社グッドパッチ @GoodpatchTokyo） / 坪内陽佑（フェンリル株式会社 @fenrir_official） _Figmaが“ゲームチェンジャー”である理由 [事例] _共同制作を支える運用テクニック 山口暁亭 @akinaga / 西村愛美 （株式会社レアゾン・ホールディングス @Reazon__s） _「Spindle」に学ぶ 新機能の取り入れ方 本田雅人 @Windom40 / 原一成 @herablog（株式会社サイバーエージェント @ca_creativebase） _“自動実装”に向けたMCP活用 渡辺智保子 @chihokotaro / 江崎広太 @kke1229（Ubie株式会社 @UbieCorp_JP） _「Sparkle Design」に見るFigma × デザインシステム構築術 甲斐田愛華 @aik__daccaii / 乗田拳斗 @nrtknt / 矢吹ナスカ @nazcadon（株式会社グッドパッチ） [Case Study] _ライブラリ分散と自動化でトークン管理 林とも子 / 井上大開 / 細貝未紀 （弁護士ドットコム株式会社 @bengo4_creators） _共同作業の“ブレ”を低減させるためには？ 植田将基 @wentz_design（株式会社SmartHR @SmartHR_jp） [コラム] _Figma×AIの「現在地」 鈴木慎吾 @shingo2000（株式会社つみき @tsumikiinc） _先生たちのFigma / FigJam事情2025 ローレン・マッキャン （Figma @FigmaJapan） / 柴田直樹 （鎌倉学園中学校・高等学校）/ 茂田可愛 @shigetasensei （Canadian Academy） _Figmaプラグイン集＆学び方 ーーーーーーーーーーーーーーーーーーーーーーー 第2特集 デザインリサーチの基礎と実践 ーーーーーーーーーーーーーーーーーーーーーーー 監修：菅原大介（リサーチャー）@diisuket _なぜデザインリサーチで「仮説」が重要なのか？ _探索＆検証 ｜ よくある課題と解決策 鈴木健一 @suk（株式会社プレイド @PLAID_Info） / 佐々木祐真 @memo_skzn / 平光蔵 @tckw_flt（株式会社アイスリーデザイン @i3design_jp） ーーーーーーーーーーーーーーーーーーーーーーー 特別企画 ーーーーーーーーーーーーーーーーーーーーーーー _ KDDIコーポレートサイトリニューアルの舞台裏 小玉千陽 @chiharukodama （株式会社ium @iuminc） / 平藤篤 @hey2gm （株式会社マルチプル @multiple_work） / 難波貴則 / 茨木誠也 （KDDI株式会社） / 瀧野哲史 / 杉山諒（株式会社アマナ） ーーーーーーーーーーーーーーーーーーーーーーー 連載 ーーーーーーーーーーーーーーーーーーーーーーー _WHAT’S ON PLUS 「Spot-if-AI」 テレアガ・ボグダン / シェーファー・マティアス （Qosmo @qosmo_inc） _WHAT'S ON _データのミカタ（トランスコスモス・アナリティクス　萩原雅之） _GOTO-CHI CREATIVE!（iDID @iDID_team ） 京都 ｜ 松倉早星 @sbr_m / 西怜香 / 北山里菜 @rinabo1997（Nue Inc.） _モヤモヤバスターズ（株式会社FIREBUG 佐藤詳悟 @sato_shogo1 ） ゲスト：クロちゃん @kurochan96wawa（安田大サーカス） _文章力を上げる鉄板ルール（株式会社ワン・パブリッシング　松井謙介 @ONEPUB_JP ） _知的財産権にまつわるエトセトラ（鶴巻町法律事務所　桑野雄一郎 @KuwanoYuichiro ） _MISH MASH ・今、気になる一冊（田渕将吾 @shogoTabuchi ） ・日本語を組む（工藤俊祐 @shunsuke_kudo_ ） ・洗練されたデザインのつくり方（加藤千歳 @ChitoseWatanabe ） _デザインの手前（グラレコ版）　@design_no_temae グラフィックレコーディング：大島水音さん（ニューQ） ゲスト：橋本麦 さん @_baku89 _gestures（FANTASIA inc. ） _Perspective 一ノ瀬雄太（ @ichinoseyuta ） DJサモハンキンポー （ @hajimematsushit ） #WebDesigning #WD233 #Webデザイン #Figma #デザインシステム #デザインリサーチ

／ 📚Web Designing 2025年8月号へのコメントが掲載されました ＼ 執行役員デザイン部長である佐々木とプロジェクトデザイン部マネージャーである平が「仮説を通じて課題に向き合う デザインリサーチの基礎と実践」をテーマに、コメントを寄稿させていただいております！ hubs.la/Q03sz8tz0"

＼ UIデザインの改善例を10個公開 ／ 今回のテーマ ✅ 情報のかたまりの数は7つ以下にする ✅ ボタンの文言を動詞的表現にする ✅ オーバーレイは背景を透過させる など、ぜひチェックしてみてください！ hubs.la/Q03s8J-S0"

「チュートリアルは本当に必要？」そんな疑問から始まる、UXを見直すヒントが詰まった記事です🌱 アプリ開発中のディスカッションやプロジェクト改善にも役立つ視点が得られます。ぜひご一読ください！ #UIデザイン #チュートリアル

UIデザインの様々なシーンでAIが活用されています。 特にアクセシビリティの分野では「アクセシブル」を超えて、ユーザーごとの特性に対応した「インクルーシブ」なデザインが実現できるかもしれません💡 「UX DAYS TOKYO 2025」のレポートも書かれていますので、ぜひご一読ください🌱 
#uxdt2025 #UI

デザインシステムの効率的な管理と品質向上のためのChromaticの活用方法をご紹介💡 StorybookやFigmaとの連携方法についても解説しています。ぜひ参考にしてください！ #Chromatic #デザインシステム

グローバルデザインシステムは、Web全体で共有可能なUIコンポーネントの標準化を目指す構想です。 UIデザインの進化と収束、Headless UIライブラリやAIの登場が、UI開発の未来をどう変えるのかを考察しました！ ぜひご一読ください🌱 #UI #デザインシステム

【業務システムのUIをアップデート🌱】 レガシーなUIを段階的に改善する方法について解説しています！効果的にUI/UXを刷新するための具体的なステップを紹介しているので、ぜひチェックしてみてください✨ 
#UIデザイン #UX改善 #業務システム