JavaScriptが無効です。ブラウザの設定でJavaScriptを有効にしてください
再生時間:
投稿日:
動画サイト:
画質:
UIデザインをスタートしたい / UIデザイナーになりたい!/ UI/UXを勉強したい!方向けの動画シリーズです。 Webデザイナー、エンジニアなどの方向け ...
YouTube-カイクン-デザイン解説@BONO
シリーズの内容
上達に必要なこと-なぜ作った?
やるメリット3つ
シリーズの目次
必要なもの
UIデザインをはじめたいデザイナーになりたい人、Webデザイナー、エンジニアなどの方向けに、ソフトウェアデザインの基本を”メッセンジャーアプリ”を ...
動画の内容
UIの基本構成
ナビゲーションとは
コンテンツエリア
【超重要】UIはオブジェクトが中心
各UIパーツを解説します
新シリーズ「はじめてのUIデザイン」の動画です。 UIデザインを始めたい人向けのデザインチュートリアルですシリーズの詳細はこちら↓ ...
4つのスキルについて
「UIビジュアル」のスキル
「情報設計」のスキル
「テック理解」のスキル
「ユーザー理解×サービス設計」のスキル
補足:社会人基礎力
年内に向けて「現場1年目デザイナーが活躍するための立ち回り」コンテンツをBONOで作成していく予定です。今回はその中でも”UI作成”に焦点を当てて ...
良いサービス作るのにやるべき、身につけるスキル
前提:UIデザイナー、役割はUI作ることじゃない?
【立ち回り①】共有を早くする
【立ち回り②】課題/ユーザーを主語にUI検討
【立ち回り③】理想と現実のUIパターンを作る
【立ち回り④】要件整理してからUIを作る
【立ち回り⑤】共有するドキュメントを作る
【立ち回り⑥】自分のUIにツッこむ
【立ち回り⑦】ビジュアルを使って説明する
【立ち回り⑧】UIテストをする
誰も教えてくれない立ち回り、解説していきます
UIデザイナーになりたいのですがWebデザイナーから始めた方が良いですか?」 「UIデザイナーの方が稼げますか?」 という質問がちょこちょこ来てた ...
2つの職種の違い
スキルの傾向/共通点
職種ではなくプロセスで把握する
UIデザイナーはWebデザイナーから目指すべき?
UIデザイナーの方が給与が高い理由
Webデザインでも使える「プロトタイプ機能」で動きをつけて、ついに完成です! 目次・投稿画面の画像を埋め込む・「投稿ボタン」を ...
講師:広野 萌 https://twitter.com/hajipion 特別な狙いがないときは、整列型にしておいた方が無難ですね。実装も楽だし。 参考:Zigzag Image–Text ...
YouTube-Designship / デザインミニ講義
ここでちょっと休憩! 今デザインしている作業は仕事の中だとどんなフェーズなの?などなど、働く上で気になる話をします。 次の動画はこちら ...
イントロ
Q.デザインしたものが”人が使う”状態になるまでの流れは?
Q.今回デザインしてる内容って実際のお仕事だとどういうタイミングなの?
Q.どういう風にお仕事って来るの?
Q.1日のお仕事のイメージってどんな感じなの?
講師:広野 萌 https://twitter.com/hajipion CTA(Call To Action)としてはゴーストボタンよりも素直に塗りボタンがよさそうです。
UI/UXデザインの基礎を身に付けたいなら】 『BONO(ボノ)』というサービスをやっています→ https://www.bo-no.design/ → UI/UXデザインという武器を ...
オープニング
このUI何がおかしい?
コンテンツisKing
UIの改善点
続きで学ぼう
この動画の内容と手順
ツールバーの配置
ヘッダー
BONO (bo-no.design)でやっている勉強会の動画の一部です。 実際にアプリを企画して作成した(すごい!)ものにフィードバックしています。
見どころ
相談内容と流れ
アプリを作った理由
考えた機能の共有
作った課題感
フィードバックスタート
行動フローでUIが伝わるように
機能が伝わりづらい理由
今回はしゃべっているだけですが、23年内にかけてBONOで”どのようにデザインしてこれらを実現していくか?”を身につけられるシリーズを作っていく予定 ...
使いやすいUIに必須な情報設計について
情報設計って何よ?3種類ある
①UIは3つのブロックで構成されてる
②コンテンツ-UIの中心になる概念
③階層関係
④ナビゲーション
⑤アクション
⑥モード
情報設計につよつよにする動画作りたい
以前もインタビューしたBONOメンバーのakihiroくんにUIデザイナー転職の話を聞いてみました!BONOの勉強会でやったものをYoutubeにもお裾分けです。
akihiroくんについて
どんな会社に決まったの?
勉強期間
会社の応募について
なぜスカウトが来たのか
ポートフォリオの状態について
勉強の進め方は?
仕事しながら勉強するコツ
読んでよかった本
BONOを使い倒すには
ポートフォリオは入りたい会社を意識する
これからのデザイン
UIだ!と思ったタイミング
過去の自分にアドバイスするなら
面接にお土産持って行った話
とりあえず3つのゴールを目指して手を動かす、手を動かすために基礎を身につけていけば大丈夫です! BONOをやり始めて1年半ぐらい、未経験から ...
UIデザイナーに6カ月でなるスキルと方法の解説
【ゴール】この3つをデザインしよう
A-ビジュアル力を示すデザイン
B-顧客理解をしたデザイン
C-要件を実現したデザイン
アウトプットが1番大事
【道のり】勉強法
Phase1:ツールとUIに慣れる
Phase2:3つの基礎を通る
Phase2 - Aビジュアル
Phase2 - B顧客理解
後編へ
UIデザイナーになってみたいけど、ぶっちゃけ向いてるか分からない、どんな仕事なのかわからない。 そんなあなたのために、業界10年ぐらいカイクンが1 ...
結論:いくら?
資料から会社がいくら出したいかを見る
フリーランスの時給
アンケートに協力したデザイナーの給与
役職高いと?
有名な会社の募集要項の給与
個人的な意見
フリーランスや副業について思うこと
将来性は?
BONOでやった勉強会の切り抜きです。 最後の質問回答パート以外、基本的なところは観れます ♂️ (一応フルはこちら。
デザインするとは?の基礎理解
1.デザイン依頼されたらまずやること
2.UI検討するフェーズ
3.詳細を詰める
4.実装のサポート
デザイナーはUIに責任持ってチームに共有するのだ
こんにちは!カイクンです。 今回はBONOのコース紹介動画です! ↓↓↓↓↓ 【UIビジュアル入門コース】 ...
Figmaコミュニティとは
使い方
実用的な使い方:素材を探す
実用的な使い方:データ構造の参考を探す
実用的な使い方:プラグインを探す
こんな使い方してるよ!はコメントください
講師:広野 萌 https://twitter.com/hajipion ・ひとつ選ぶもので5個以下ならラジオボタン・ひとつ選ぶもので6個以上ならセレクトボックス・複数選ぶ ...
講師:広野 萌 https://twitter.com/hajipion エラーは赤、警告は黄、成功は緑……このルールはどんなブランドカラーを持っていたとしても、システム ...