メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
#2 レイアウト:崩れないデザインの土台を作る方法をマスターしよう
バナーデザイン入門
・
March 25, 2024
#1 綺麗なバナーに必須の基本原則10個を紹介!ブログのサムネイルをデザインしていこう
バナーデザイン入門
・
March 25, 2024
【新コース紹介】バナーデザイン入門コース!プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル
バナーデザイン入門
・
March 25, 2024
Career
【シリーズ紹介】デザイナーはUIだけ考えてても、ユーザーに貢献できるわけではない
UIデザイナー1年目の立ち回り
・
March 12, 2024
インタラクション
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
使いやすいUIの秘密
・
March 12, 2024
Career
【未経験からの転職話】子育てしながらの独学話 / デザイン対象を工夫して学習モチベに変換する方法 / ポートフォリオで意識したこと/ユーザーに心折られた話
キャリア相談まとめ
・
February 21, 2024
Career
【未経験からの転職話】働きながらデザインを独学する方法/情報は自分で人に取りにいく/フィードバックでスキルアップ
キャリア相談まとめ
・
February 15, 2024
Career
【デザイン共有】MTGでの伝え方を実演してみた
UIデザイナー1年目の立ち回り
・
February 13, 2024
Career
【デザイン共有】3つのポイントを押さえるデザインドキュメントの作り方
UIデザイナー1年目の立ち回り
・
February 13, 2024
【ラジオ】AI時代のデザイナーサバイバルバルガイド
BONOラジオ
・
February 2, 2024
インタラクション
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
使いやすいUIの秘密
・
January 30, 2024
インタラクション
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
使いやすいUIの秘密
・
January 30, 2024
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ目次
UIアイデア入門
全
12
本
STEP-01
UIのイメージを出そう
33
UIのイメージを出そう
STEP-01
お題:モバイルオーダーアプリのUIプロトタイプをデザイン
11:03
お題:モバイルオーダーアプリのUIプロトタイプをデザイン
自分で作り切る→動画をみよう
2:58
自分で作り切る→動画をみよう
デザインの進め方のイメージ
2:39
デザインの進め方のイメージ
フローから必要な情報をアイデア出し
10:32
フローから必要な情報をアイデア出し
参考になるアプリからヒントを得よう
9:09
参考になるアプリからヒントを得よう
STEP-02
UIのパターンを出そう
33
UIのパターンを出そう
紙にUIアイデアのラフを出そう
21:14
紙にUIアイデアのラフを出そう
ホーム画面をラフデザイン
11:06
ホーム画面をラフデザイン
店舗選択画面をラフデザイン
10:32
店舗選択画面をラフデザイン
商品詳細選択画面ラフデザイン
11:22
商品詳細選択画面ラフデザイン
カート&確定画面をラフデザイン
12:54
カート&確定画面をラフデザイン
注文確定/注文状況確認のUIラフ
7:59
注文確定/注文状況確認のUIラフ
確定画面/注文タブ
8:09
確定画面/注文タブ
トップ
/
UIアイデア入門
/
商品詳細選択画面ラフデザイン
UIパターン検証
商品詳細選択画面ラフデザイン
保存済
質問
質問
共有
2023
年
4
月
18
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
今回はiOSの特徴的な「ハーフモーダル」を使って、画面遷移なしで選択できる詳細UIを作っています。
ハーフモーダルの動きについてはこちら
今回はiOSの特徴的な「ハーフモーダル」を使って、画面遷移なしで選択できる詳細UIを作っています。
ハーフモーダルの動きについてはこちら
UIアイデア入門
全
12
本
STEP-01
UIのイメージを出そう
33
UIのイメージを出そう
STEP-01
お題:モバイルオーダーアプリのUIプロトタイプをデザイン
11:03
お題:モバイルオーダーアプリのUIプロトタイプをデザイン
自分で作り切る→動画をみよう
2:58
自分で作り切る→動画をみよう
デザインの進め方のイメージ
2:39
デザインの進め方のイメージ
フローから必要な情報をアイデア出し
10:32
フローから必要な情報をアイデア出し
参考になるアプリからヒントを得よう
9:09
参考になるアプリからヒントを得よう
STEP-02
UIのパターンを出そう
33
UIのパターンを出そう
紙にUIアイデアのラフを出そう
21:14
紙にUIアイデアのラフを出そう
ホーム画面をラフデザイン
11:06
ホーム画面をラフデザイン
店舗選択画面をラフデザイン
10:32
店舗選択画面をラフデザイン
商品詳細選択画面ラフデザイン
11:22
商品詳細選択画面ラフデザイン
カート&確定画面をラフデザイン
12:54
カート&確定画面をラフデザイン
注文確定/注文状況確認のUIラフ
7:59
注文確定/注文状況確認のUIラフ
確定画面/注文タブ
8:09
確定画面/注文タブ
閉じる
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