よつくら

株式会社アンドパッド [ANDPAD] のUIデザイナー https://twitte…

よつくら

株式会社アンドパッド [ANDPAD] のUIデザイナー https://twitter.com/_yotsukura

  • ANDPADのプロダクトデザイナーが書いたnote

    • 8本

    建築・建設プロジェクト管理サービス「ANDPAD」のプロダクトデザイナー（UI/UXデザイナー）が書いたnoteを勝手に集めました。

Figmaのライブラリー機能を使う

株式会社アンドパッドでUIデザイナーをしている、よつくらです。 デザインシステムの構築などにあたって、Figmaのライブラリー機能をすでに活用されている組織も多いとは…

よつくら
よつくら
11か月前
56

UIデザイナーとアジャイル開発

アジャイル開発は、経験がないUIデザイナーも多い前職が受託開発/受託デザインだったり、大規模な会社で日々のタスクの順序に悩むことがなかったデザイナーが、ベンチャー…

よつくら
よつくら
1年前
103

カラーパレット作成の参考にした記事、他社のデザインシステム

株式会社アンドパッドでUIデザイナーをしている、よつくらです。 アンドパッドのデザインシステムでカラーパレットの作成を担当しています。カラーパレットの作成・更新を…

よつくら
よつくら
1年前
160

UIデザイナーに必要なiOSのTypographyの知識

iOSのタイポグラフィー、フォントについてANDPADのデザインシステムに定義するにあたり、エンジニアメンバーに色々教えてもらえたので、デザイナー側からみて分かりやすい…

よつくら
よつくら
2年前
101

[UIデザイン] モーダルの範囲外をタップしたら閉じるべきか

モーダルダイアログ、どこで閉じるか問題特にPCのモーダルダイアログのUIデザインを検討しているとき、モーダルの範囲外をタップ/クリックしたときに、モーダルは閉じるべ…

よつくら
よつくら
2年前
64

Android端末で実装されたデザインを確認する

概要 一例として、手元にPixel5があるときAndroidエンジニアに「Figma通り実装したからデザイン確認してね！」って言われたら、UIデザイナーの皆さんはどうしますか？ とり…

よつくら
よつくら
2年前
13
よつくら

よつくら

Figmaのライブラリー機能を使う

Figmaのライブラリー機能を使う

株式会社アンドパッドでUIデザイナーをしている、よつくらです。

デザインシステムの構築などにあたって、Figmaのライブラリー機能をすでに活用されている組織も多いとは思います。しかし実はライブラリー機能のヘルプページはまだ日本語に翻訳されておらず、完全に理解せずなんとなく利用しているメンバーも多いのではないでしょうか。
ライブラリーの作成は有識者が行っている場合も多いのではないかと思い、今回は「

もっとみる
よつくら

よつくら

UIデザイナーとアジャイル開発

UIデザイナーとアジャイル開発

アジャイル開発は、経験がないUIデザイナーも多い前職が受託開発/受託デザインだったり、大規模な会社で日々のタスクの順序に悩むことがなかったデザイナーが、ベンチャー企業のアジャイル開発（スクラムなど）に入ると、日々やらなければいけないことが多すぎて何から手をつけてよいかわからなくなって、混乱してしまうことがあります。
私も何社か転職をして、たくさんのプロダクト開発をするまでいまいちリズムが掴めなかっ

もっとみる
よつくら

よつくら

カラーパレット作成の参考にした記事、他社のデザインシステム

カラーパレット作成の参考にした記事、他社のデザインシステム

株式会社アンドパッドでUIデザイナーをしている、よつくらです。
アンドパッドのデザインシステムでカラーパレットの作成を担当しています。カラーパレットの作成・更新を何度も行ううちに「これもっと早く知っておきたかった….」と思うようなことがいくつかあったので記事にまとめました。

この記事で触れている内容UIデザインに必要なカラーパレット（アンドパッドのデザインシステムではリファレンスカラーと呼ばれる

もっとみる
よつくら

よつくら

UIデザイナーに必要なiOSのTypographyの知識

UIデザイナーに必要なiOSのTypographyの知識

iOSのタイポグラフィー、フォントについてANDPADのデザインシステムに定義するにあたり、エンジニアメンバーに色々教えてもらえたので、デザイナー側からみて分かりやすいようにまとめます。

iOSのSystem FontはSF Pro+ヒラギノ角ゴiOSを実装するときにヒラギノ角ゴフォントを指定すると、ベースラインの問題でヒラギノ角ゴの英字の下部が切れることがあるので、基本的にはSystem Fo

もっとみる
よつくら

よつくら

[UIデザイン] モーダルの範囲外をタップしたら閉じるべきか

[UIデザイン] モーダルの範囲外をタップしたら閉じるべきか

モーダルダイアログ、どこで閉じるか問題特にPCのモーダルダイアログのUIデザインを検討しているとき、モーダルの範囲外をタップ/クリックしたときに、モーダルは閉じるべきかどうかという議論があります。

UIデザイナーがどちら（閉じるor閉じない）の方向性を選択するにせよ、ユーザーを混乱させないように、サービス内で振る舞いを統一しておくというのは非常に重要です。

PCアプリケーション（Web）の振る

もっとみる
よつくら

よつくら

Android端末で実装されたデザインを確認する

Android端末で実装されたデザインを確認する

概要
一例として、手元にPixel5があるときAndroidエンジニアに「Figma通り実装したからデザイン確認してね！」って言われたら、UIデザイナーの皆さんはどうしますか？
とりあえずスクリーンショットは撮ったとして、そのPixel5のスクリーンショットをwidth=360dpのアートボードで確認すると、エンジニアが意図したサイズでデザインの確認ができないよっていうことを伝える記事です。

A

もっとみる