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

本

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

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

#アプリデザイン

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

iOSのタイポグラフィー、フォントについてANDPADのデザインシステムに定義するにあたり、エンジニアメンバーに色々教えてもらえたので、デザイナー側からみて分かりやすいようにまとめます。 iOSのSystem FontはSF Pro+ヒラギノ角ゴiOSを実装するときにヒラギノ角ゴフォントを指定すると、ベースラインの問題でヒラギノ角ゴの英字の下部が切れることがあるので、基本的にはSystem Fontを指定します。 iOSのSystem Fontは、英文はSF Pro、和文

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

モーダルダイアログ、どこで閉じるか問題特にPCのモーダルダイアログのUIデザインを検討しているとき、モーダルの範囲外をタップ/クリックしたときに、モーダルは閉じるべきかどうかという議論があります。 UIデザイナーがどちら（閉じるor閉じない）の方向性を選択するにせよ、ユーザーを混乱させないように、サービス内で振る舞いを統一しておくというのは非常に重要です。 PCアプリケーション（Web）の振る舞いの調査今回はたまたま業務ツールのUI設計を検討していたため、Atlassi

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

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