武藤大佑 / shirabe

UX / UI デザイナー : プロトタイプを使った生産的かつ建設的なコミュニケーショ…

45 フォロー 4 フォロワー

2.背景編 - 変化に強いパーツの作り方 : Adobe XD

こんにちは。 UX / UI デザイナーのムトウと言います。最近 Adobe XD を使った変化に強いパーツの作り方について投稿しています。今回はその第2弾です。前回は、変化に…

武藤大佑 / shirabe

2年前

1. 基礎編 - 変化に強いパーツの作り方 : Adobe XD

こんにちは。僕は普段、Webアプリやスマホアプリの UX デザイン / UI デザインを行っています。 UI デザインを行う際のアウトプットは、設計対象のストーリー・シナリオ…

武藤大佑 / shirabe

2年前

ユーザーカラーのルールを HSL 色空間を使って設計してみる

概要組織で使用する Saas のサービスなんかを作っていると、ユーザー毎に色を割り当てて、その色でユーザー毎の情報を把握・管理するシチュエーションが出てきたりします。…

武藤大佑 / shirabe

2年前

プロトタイプドリブンで業務系DX案件を進めるとスムーズだった

ここ一年くらい結構規模の大きい DX プロジェクトに UX デザイナー / UI デザイナーとして関わっています。ある業界の社内業務 / 店頭販売 / 顧客とのコミュニケーション…

武藤大佑 / shirabe

3年前

武藤大佑 / shirabe

2022年6月25日 18:02

2.背景編 - 変化に強いパーツの作り方 : Adobe XD

こんにちは。
UX / UI デザイナーのムトウと言います。

最近 Adobe XD を使った変化に強いパーツの作り方について投稿しています。今回はその第2弾です。
前回は、変化に強いパーツ・コンポーネントを作るための基礎知識を紹介しました。

今回は背景にフォーカスして、「こんな作り方をするとこういうパーツを変化に強くできる」というのを紹介してみたいと思います。
※ まだ Adobe XD の

もっとみる

武藤大佑 / shirabe

2022年5月8日 13:42

1. 基礎編 - 変化に強いパーツの作り方 : Adobe XD

こんにちは。
僕は普段、Webアプリやスマホアプリの UX デザイン / UI デザインを行っています。

UI デザインを行う際のアウトプットは、設計対象のストーリー・シナリオを一通り体験できるプロトタイプとして作成しています。
ここ2, 3年、同じプロジェクトを続けてきているのですが、プロダクトが大きくなり多くのプロトタイプを拡張する中で、デザインファイルの作り方がデザイン（設計）・意思決定サ

もっとみる

武藤大佑 / shirabe

2022年3月22日 09:59

ユーザーカラーのルールを HSL 色空間を使って設計してみる

概要組織で使用する Saas のサービスなんかを作っていると、ユーザー毎に色を割り当てて、その色でユーザー毎の情報を把握・管理するシチュエーションが出てきたりします。

例えば、ユーザーのデフォルトアイコン。

slack もアイコンを当てるまでは、デフォルトのアイコンにランダムのユーザーカラーが割り当てられたアイコンが自動生成されて、適用されます（2022年3月現在）。

また、Google C

もっとみる

武藤大佑 / shirabe

2020年12月27日 11:33

プロトタイプドリブンで業務系DX案件を進めるとスムーズだった

ここ一年くらい結構規模の大きい DX プロジェクトに UX デザイナー / UI デザイナーとして関わっています。
ある業界の社内業務 / 店頭販売 / 顧客とのコミュニケーションを効率的かつ効果的にすることを目的としたプロダクトを作っています。（クライアントワークで関わっています。）

プロジェクトが始まった時からプロトタイプをベースにしてプロジェクトメンバーとコミュニケーションをとってきたので

もっとみる

記事一覧

2.背景編 - 変化に強いパーツの作り方 : Adobe XD

1. 基礎編 - 変化に強いパーツの作り方 : Adobe XD

ユーザーカラーのルールを HSL 色空間を使って設計してみる

プロトタイプドリブンで業務系DX案件を進めるとスムーズだった

2.背景編 - 変化に強いパーツの作り方 : Adobe XD

1. 基礎編 - 変化に強いパーツの作り方 : Adobe XD

ユーザーカラーのルールを HSL 色空間を使って設計してみる

プロトタイプドリブンで業務系DX案件を進めるとスムーズだった