#デザイン
デザインシステム -アイコン Figma ファイルを公開しました-
エクサウィザーズのアイコンライブラリの Figma ファイルを公開しました。
個人や商用利用に関わらず、どなたでも自由に使用できますので、ぜひご活用ください！
👇こちらのリンクからアクセスできます
アイコンライブラリについてexaBase Design System は、エクサウィザーズが開発・運用しているデザインシステムで、その一部として、汎用的でシンプルかつ自然なデザインをコンセプトに開
iOS構造設計の実践ガイド〜HIGは読んだけど、次に何をすればいい？〜
こんにちは！i3DESIGNデザイナーチームです。
今回は、iOSの構造設計についてお話しします。まず前提として、iOSにおける構造設計には、Apple独自の理念と原則をまとめたHuman Interface Guidline（通称HIG）の理解が重要になります。しかし、HIGを読んだだけでは、具体的なUI設計は難しいと感じる方も多いのではないでしょうか？
本記事では、HIGの理念を具体的なシ
実務のためのマイクロインタラクション入門 @ Friends of Figma Shonan
2023.11.29にFriends of Figma Shonanで発表した内容を紹介します。当日使用したスライドは以下から確認いただけます。
はじめに今回のテーマは「実務のためのマイクロインタラクション」です。
オライリーから出版されている『マイクロインタラクション』では以下のように説明されています。
最小単位のインタラクション
「愛される製品」と「許容範囲の製品」の違いを生む
トリ
10年ものアプリのダークモード化プロジェクト、カラー設計の舞台裏
こんにちは、ニューズピックスのプロダクトデザイナー、吉川（よっしー）です。
先日、ニューズピックスアプリがダークモードに対応しました。以前からご要望を多くいただいており、昨年末から取り組みはじめ 9月にAndroid版リリース、10月にiOS版もリリースが完了しました。
2013年から今年で10周年を迎えたニューズピックスアプリ。その10年間の歴史を持つアプリをダークモード対応するためのカラー
心疾患患者の自己リハビリ支援アプリ『みえるリハビリ』の「続けられる」デザイン
こんにちは、KOELの稲生です。昨年KOELは、NTTコミュニケーションズが提供するヘルスケアスマホアプリ「みえるリハビリ」のアプリデザインを行いました。私自身はUXデザイナーとしてこのプロジェクトに参加しているのですが、今回はその「みえるリハビリ」のデザインプロセスのご紹介を通して、KOELのデザイン事例や、社会にどのように貢献しているのかについてお話ししたいと思います。
好きな場所で、安心し
UIモーション 02：理解のための動き
UIモーションについての記事第二弾です。
前回の記事ではUIになぜ動きが必要かを説明しました。
この記事で取り上げたように、UIに動きを取り入れる際は大きく２つの目的があります。 １つ目は「理解のための動き」です。利用者は動きを通じてシステムの状態や変化、情報の構造や関係性、操作方法についての理解を得ることができます。２つ目は「演出としての動き」です。グラフィック要素と共に使用されることが多く、
エンジニア直伝！デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法
こんにちは、@ShikiCheriです。
現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。
デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…！？クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サ
UIモーション01： UIになぜ動きが必要か？
スマホアプリやWebサービスなど、スクリーン上のUIには様々な形でモーション（動き）が使われています。
こうしたUIモーションは利用者として毎日何気なく目にしているものですが、そこには作り手がいて目的があるはずです。この記事ではUIモーションの目的と効果的な使用方法について考察します。
UIモーションとUIアニメーション「モーション」と「アニメーション」はどちらも動きを表す言葉として、同じ意味で
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編
こんにちは！i3DESIGNデザイナーチームです。
今日は、私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントを50個シェアしていきたいと思います。
マガジン「ユーザビリティチェックリスト」01〜09ののまとめ記事です。
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめていま