UIデザインのはなし

113

本

実際に実務で参考にできそうな、UIデザイナーさんのお役立ち記事をまとめています。

運営しているクリエイター: oyuuuhan

#figma

デザインシステムを改善！Figma のコンポーネントライブラリの整理でやったこと 7 点

家計簿サービス Zaim のデザイナーの今泉です。今回はデザインシステムの一部、コンポーネントライブラリをリファクタリングした事例をご紹介します。デザインシステムとはデザインシステムとは、良いデザインを『効率的』かつ『一貫性』をもって提供するための仕組みです。コンポーネントライブラリはデザインシステムの一部で、画面のデザインやボタン、リストなどの UI パーツの集まりです。 Zaim のデザインは Figma で作成し、コンポーネントライブラリも Figma 上で管

コラボレーションを加速させる Figma にさらにターボがかかるかもしれない Tips

私が所属している Goodpatch Anywhere はフルリモートのチームなので、メンバー同士は実際には会ったことがない場合がほとんど。でも Figma を使って、実際に隣の席にいる以上に、お互いの作業を共有しながらデザイン制作を進めていきます。今回はそんなコラボレーションを加速させる Figma にさらにターボがかかるかもしれない Tips を書きたいと思います！ ※記事中の表記は Mac の Figma.app、日本語（JIS）キーボードの場合です。 ※「ターボ

Figmaのリファクタリングからはじめるデザインシステムの構築

こんにちは、GaudiyデザイナーのTORAJIRO（@jirosh1998）です。『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋（mizoさんをはじめmikanのみなさん、具体的なアウトプットの公開まで許可いただき感謝です！心広すぎ！）デザインシステム本

実務未経験から選ばれるUIUXデザイナーになるための考え方＆スキル

こんにちは！jampiiiです！今回は、自身の実経験をもとに【未経験からUIUXデザイナー】になるために行ってたこと、身につけた考え方、実務を通してこんな人と働きたいと日々感じるような現場の生の声について書いていきたいと思います！この記事では、 UIUXデザイナーとして求められる最低限の思考の枠組みとスキルを自分の中に築くことを目標にしています。本記事はこんな方におすすめ・社会人で全然関係ない業界だけど、クリエイティブ業界に転職したい・学生時代はまったく

我が Design-Frontend Ops論〜フロントエンド開発を加速するためのデザイン - 仮説編〜

先日こんなツイートをしたのですが思いの外反響があり、もっと具体的に聞いてみたい・ディスカッションしてみたいというお声をいくつかいただきました。せっかくの機会なので、現状自分が考えるデザインとフロントエンドの接合の最適化、カッコ良くいうと「Design-Frontend Ops論」を語っていこうかなと思います。 ※ 予防線貼っておくと、まだ全然実践できていないので話半分に聞いてください。タイトルに"仮説編"とついているのはそのためです。 ※ 一緒に探求してくれる気概あ

Atomic Design と Figma の組み合わせでデザインが便利になる｜デザインシステムの作り方

スマートキャンプデザインブログ、デザイナー/エンジニアのhaguriです。ユーザー体験の統一化のために大切な「デザインシステムの作り方」について紹介します。（スマートキャンプでもまだまだ模索中......）スマートキャンプでは、インサイドセールスに特化したCRM「Biscuet（ビスケット）」という新サービスを発表をしました。まだ開発中のサービスですが、このBiscuet（ビスケット）のデザインシステムの考え方を紹介していきます。上記のランディングページ（LP