【はじめてのUIデザイン】デザインしたチャットUIを解説します

UIデザインをはじめたいデザイナーになりたい人、Webデザイナー、エンジニアなどの方向けに、ソフトウェアデザインの基本を”メッセンジャーアプリ”を作りながら学べるデザインチュートリアルシリーズ。

📜目次
-----------------------------------------------
00:00  この動画の内容
00:56  ①ナビゲーション
04:20  ②メッセージ
07:33  ③補足

#Beginners #design  #ui 

What is GEEK

Buddha Community

【はじめてのUIデザイン】デザインしたチャットUIを解説します

【はじめてのUIデザイン】デザインしたチャットUIを解説します

UIデザインをはじめたいデザイナーになりたい人、Webデザイナー、エンジニアなどの方向けに、ソフトウェアデザインの基本を”メッセンジャーアプリ”を作りながら学べるデザインチュートリアルシリーズ。

📜目次
-----------------------------------------------
00:00  この動画の内容
00:56  ①ナビゲーション
04:20  ②メッセージ
07:33  ③補足

#Beginners #design  #ui 

【はじめてのUIデザイン】UIデザインの超基本の構成を解説

UIデザインをはじめたいデザイナーになりたい人、Webデザイナー、エンジニアなどの方向けに、ソフトウェアデザインの基本を”メッセンジャーアプリ”を作りながら学べるデザインチュートリアルシリーズ。
4回目は2~3で作成したUIを解説します。

📜目次
-----------------------------------------------
00:08 動画の内容
01:05 UIの基本構成
01:34 ナビゲーションとは
03:48 コンテンツエリア
05:28 【超重要】UIはオブジェクトが中心
07:58 各UIパーツを解説します

#design  #Beginners  #ui 

【はじめてのUIデザイン】チャットUIをデザインしよう

動画で使っている素材は概要欄に。
LINEで馴染みのあるチャットUIをデザインしましょう。かなり基本的でほぼ全てのサービスで同じUIが採用されています。この機会にデザインして基本を身につけましょう〜!

📜目次
-----------------------------------------------
00:06  動画の内容
00:40  この動画で学べること
01:17  作るUIと手順
02:14  ナビゲーション
07:09  ボトムナビ
11:37  メッセージやりとりUI
22:29  キーボード立ち上げUI

#design  #ui #Beginners 

【はじめてのUIデザイン】ボトムナビゲーションをデザインしよう

スマホのUIでよく出てくるボトムナビゲーションをデザインします。

📜目次
-----------------------------------------------
00:00  動画の内容
00:43  作るUIと手順
02:17  1.UIキットを設置/改修
05:33  2.アイコンを調整

#ui #design #beginners 

【はじめてのUIデザイン】ページ同士の関係性とボトムナビのデザイン

スマホのUIでよく出てくるボトムナビゲーションをデザインします。
ボトムナビゲーションは「ユーザーが想起する最上位の概念」が配置されます。平たくいうと捜査の出発点になるページを割り当てます。
これはWebデザインでいう”グローバルナビゲーション”とほぼ同じ位置づけになります。

📜目次
-----------------------------------------------
00:00   動画で解説すること
00:30   ①ボトムナビについて
04:02   ②階層と平行の構造

#design  #ui #Beginners