UIビジュアル | BONO

ビジュアル

ビジュアルのデザインチャレンジ

ビジュアルはロジックも大事だけど作る量がまずは大事だと思います

一覧で見る

賃貸アプリで基本UIトレーニング

賃貸アプリを題材にUIデザイン。マテリアルデザインの「Component」をデザインしながら身につけられます。

DailyUI SNSアプリ

UIを自分でデザインしながら基本パターンの解説をインプットできる基礎シリーズです

UIビジュアルを理解する

ビジュアルとUIのデザインを学べるシリーズはこちらです

一覧で見る

実装しやすいデザイン超入門

コード経験のない人向けにデザインを実装するときの基本をお伝えするシリーズです。

グラフィック入門

Webサイトデザインのプロセスをトレース。見た目を作るテクニックを身につけます。

UIビジュアル基礎

制作中：デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ

はじめてのUIデザイン

UIの基本構造を学びながら、メッセンジャーアプリをデザインします

UIの教科書 - マテリアルデザイン

UI表現の”きほん”を学んでベースの知識をつけましょう。

Material You 勉強会

大変革。2021年にGoogleが発表した「Material You」のコミュニティ勉強会です

UI PATTERN 入門

良いUIに必須なパターン出しの方法を体感しよう

UIビジュアルの動画

ビジュアル関連の動画のリストです

一覧で見る

【UIビジュ】お題6.UI構造を意識してダッシュボードリデザイン

UIビジュアル基礎

UI構造を意識してリデザインしよう！

UIビジュアル

【実装デザイン】12.実装はフレームワークを使うのが基本か？

実装しやすいデザイン超入門

12.実装はフレームワークを使うのが基本か？

UIビジュアル

【UIビジュ】4-3 配色はメインUIを引き立てよう

UIビジュアル基礎

4-3.配色はメインUIを引き立てよう

UIビジュアル

【UIビジュ】6-1.平面の”階層”表現について

UIビジュアル基礎

6-1.平面の”階層”表現について

UIビジュアル

【UIVisual】バランスの良いサイズの決め方

フォントや余白のサイズを決める方法【構造整理】

UIビジュアル

【グラ入門①】アイデア③:スタイリングパターンをデザイン

グラフィック入門

アイデア③:スタイリングパターンをデザイン

UIビジュアル

【MaterialYou0610】02MaterialYouの最大の変化

Material You 勉強会

Material Youの最大の変化を解説

UIビジュアル

【UIビジュ】5-1.ディスプレイ基本知識

UIビジュアル基礎

5-1.知らないと怖い”高解像度"ディスプレイについて

UIビジュアル

【UIビジュ】0.【進め方】デザイナーはやってる見た目の”キホン”をマスターしよう！

UIビジュアル基礎

【進め方】デザイナーはやってる見た目の”キホン”をマスター！

UIビジュアル

【UIビジュ】2-1.ビジュアルを仕組み化してデザインしよう

UIビジュアル基礎

2-1.良いUIを作るコツは見た目の"システム化"

UIビジュアル

【UIビジュ】TRY2-お題解答

UIビジュアル基礎

【解説】TRY2解答

UIビジュアル

【勉強会】配色_色を決める3要素って？

【配色】これ以上はないです。色を決める基本3要素

UIビジュアル

【グラ入門①】仕上げ②:見た目の質を上げる

グラフィック入門

仕上げ②:見た目の質を上げる

UIビジュアル

【実装デザイン】2.コードのレイアウト法則を見てみよう

実装しやすいデザイン超入門

2.コードのレイアウト法則を見てみよう

UIビジュアル

【UIビジュ】5-4.レスポンシブお題の解答

UIビジュアル基礎

TRY5レスポンシブ解答

UIビジュアル

【勉強法】誰も教えてくれない参考デザインの使い方

デザインの学習環境

学び方：誰も教えてくれない参考デザインの使い方

UIビジュアル

はじめてのUIデザイン#10-お題

はじめてのUIデザイン

お題連絡先一覧のUIをデザインしよう

UIビジュアル

【UIビジュ】4-4テーマカラー2つ以上の時の考え方

UIビジュアル基礎

4-4テーマカラー2つ以上の時の考え方

UIビジュアル