コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
1on1-デザイン面談
無料で何回でも
運営のスタンス
BONOをやる理由
ラジオ
ログイン
コミュニティへ
takumi.kai.skywalker@gmail.com
ログイン
始める
メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
シリーズ目次
BONOコミュニティ
全
10
本
優先度と情報整理で変わる。プラン説明のUIカイゼン
54:48
優先度と情報整理で変わる。プラン説明のUIカイゼン
【UIトレース】サイズや色などシステムとして分解しよう - 3つレベルで解説するUIトレース方法
54:15
【UIトレース】サイズや色などシステムとして分解しよう - 3つレベルで解説するUIトレース方法
【リデザイン】スタイリングは基本UI、見たことあるUIから取り入れると70点が出やすい
59:37
【リデザイン】スタイリングは基本UI、見たことあるUIから取り入れると70点が出やすい
【リデザイン】なんでPaypayってこうなの?優先度でグループを考えUIに落とす方法。動作と物体の関係
54:31
【リデザイン】なんでPaypayってこうなの?優先度でグループを考えUIに落とす方法。動作と物体の関係
トップ
/
BONOコミュニティ
/
【UIトレース】サイズや色などシステムとして分解しよう - 3つレベルで解説するUIトレース方法
ビジュアルシステム
【UIトレース】サイズや色などシステムとして分解しよう - 3つレベルで解説するUIトレース方法
2023
年
8
月
13
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
動画の目次
00:34 今日の概要とUIトレース前提の説明
03:08 各UIトレースのレベル
04:48 Lv.1のやり方と欠点
05:52 Lv.2の解説
06:14 Lv.2 - ブロックで考える
09:57 Lv.2 - 余白やフォントサイズを測って整理する
22:55 質問 Pxのズレが起きる時どうしたら?
33:12 Lv.3 の解説
40:07 そもそもUIは複数画面のフローでトレースするとよい
42:00 質問 WebプロダクトもMaterial Design を使う?- 使います
46:00 質問 レイヤーもちゃんとして、トレースした方が良い?- 可能なら絶対
47:52 質問 チームに共有しやすいデータファイルとは? - レイヤー整理、コンポーネント
動画の目次
00:34 今日の概要とUIトレース前提の説明
03:08 各UIトレースのレベル
04:48 Lv.1のやり方と欠点
05:52 Lv.2の解説
06:14 Lv.2 - ブロックで考える
09:57 Lv.2 - 余白やフォントサイズを測って整理する
22:55 質問 Pxのズレが起きる時どうしたら?
33:12 Lv.3 の解説
40:07 そもそもUIは複数画面のフローでトレースするとよい
42:00 質問 WebプロダクトもMaterial Design を使う?- 使います
46:00 質問 レイヤーもちゃんとして、トレースした方が良い?- 可能なら絶対
47:52 質問 チームに共有しやすいデータファイルとは? - レイヤー整理、コンポーネント
BONOコミュニティ
全
10
本
優先度と情報整理で変わる。プラン説明のUIカイゼン
54:48
優先度と情報整理で変わる。プラン説明のUIカイゼン
【UIトレース】サイズや色などシステムとして分解しよう - 3つレベルで解説するUIトレース方法
54:15
【UIトレース】サイズや色などシステムとして分解しよう - 3つレベルで解説するUIトレース方法
【リデザイン】スタイリングは基本UI、見たことあるUIから取り入れると70点が出やすい
59:37
【リデザイン】スタイリングは基本UI、見たことあるUIから取り入れると70点が出やすい
【リデザイン】なんでPaypayってこうなの?優先度でグループを考えUIに落とす方法。動作と物体の関係
54:31
【リデザイン】なんでPaypayってこうなの?優先度でグループを考えUIに落とす方法。動作と物体の関係
閉じる
0
Comments
Active Here:
0
Login
or
register
to join the conversation.
My Profile Image
Logout
Edit Profile
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Cancel
0
0
Reply
2
Replies
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
0 Comments