BONO-マガジン

本

BONOを使って学んでいるnoteを集めます

運営しているクリエイター: カイクン🤘

#BONO_Design

【BONO】UIビジュアル基礎 | TRY2-3

はじめにBONOというUI/UXについて学べるコミュニティでの学習記録になります！今回は、[UIビジュアル基礎]という教材の中で、学んだことをまとめていきます👍 [UIビジュアル基礎]では、TRY1～TRY6までのパートに分かれており、各TRYごとにお題が出されていくコンテンツとなっております！今回は、 TRY2. ビジュアルシステムでリデザインしよう TRY3. レイアウトの基本でリデザイン上記のお題の学びをまとめていきます！ TRY2. ビジュアルシステムでリ

BONO｜UIビジュアル基礎

はじめに各TRY ごとにお題が出されます。そのお題に沿って、自分で制作→解説動画を視聴→修正をする　という流れでこのコースを学びました。 TRY毎に成果物と、そこで得た学びをまとめていきます。 TRY1｜コンセプトを考えてリデザインするこのレクチャーでは、以下の動画投稿サイトの自己紹介ページをリデザインするのがお題です。いざ、取り掛かろうとさっそく”参考”を探し始めました。参考にしたのは、MENTAというWebサービスとLinkedInのWebサービスです。その結果で

【BONO】音声SNSアプリのUIデザインをしてみました！

こんにちは！めーら（@mela_dayo）です。今回は、UIUXデザインのスキルアップのために参加しているオンラインコミュニティBONOで作成した架空の「音声SNS」の制作過程をまとめました。はじめてのUI制作のためツッコミどころも多いと思いますが、同じようにデザインを勉強している方の参考になれば幸いです🙌🏻 【Day1】新規登録画面🌱要素・要件新規登録者向けのEメール、パスワード登録導線がある利用規約が確認できる既存利用者向けのログイン導線があるい

BONO｜Todoリスト　Webサービス

はじめに今回は、BONOのビジュアル基本原則のレクチャー動画に基づいて作成したTodoリストのWebサービス制作過程で自身がポイントになったと思うものをまとめていきます📝 🌱制作の要件誰がいつ使う？｜1日のやることを書き出して消化するだけのタスク管理をしたい… 必要な機能｜タスクの閲覧・追加・編集とカテゴリ分け BONO ビジュアル基本原則 Todoサービスその１｜ヘッダーUI〜メインコンテンツヘッダーUIの作成とTodoブロックのデザインまずは参考となるサービ

【BONO】見た目をつくるテクニックを学ぶーグラフィック入門編ー

はじめまして。KOSU（こす）と申します。現在SaaSでカスタマーサクセスとして働いており、デザイナー未経験。業務の中で、「ユーザーにどうやって伝えれば分かりやすいんだろう？」「分かりやすい、使いやすいって何？」と考えるようになり、デザインを学ぶために1年間Webデザインスクールに通っていました。現在はUI/UXデザインについてより学びを深めたいなと思い、約1ヶ月ほど前から『BONO』というUI/UXのオンラインコミュニティに参加しながら、UI/UXデザインについて勉

【自主制作】音声SNSアプリのUIデザイン

◾️自己紹介初めまして、高杉と申します。既卒１年目のフリーターです。大学ではデザイン生態学を専攻し、UI / UXデザインに興味を持ちました。UI / UXデザインを学べるオンラインコミュニティ「BONO」を利用して勉強をしています。ジャズ、コーヒー、インテリア、ガジェット、ゲーム、ジム大好きです。 ◾️本記事の目的 BONOの課題を通して、「音声SNSアプリ」の6画面のUIをデザインしました。制作物とデザインプロセスを共有するとともに、制作に意識したポイントなどを言語

ゼロからはじめるUI情報設計の考え方をつかって、図書館貸出WEBサイトをアプリにリデザインしてみた

こんにちは、めぐです。 BONOに入って5カ月が経ちました。BONOめちゃ推しです！BONOの推しポイント、スクールとの違い等別途記事にしたいと思っています。UI/UXデザイナーを目指している皆さん、ぜひBONOに入りましょう。一通り、BONOの提示しているロードマップは一巡したと思います！一番大変だったのが、UIビジュアル基礎でした。慣れないFigmaと格闘した2カ月弱が遠い昔に感じます…！先日ポートフォリオを作成し終えた（ことにした）のですが、ポートフォリオで表現

ゼロからサービスをデザインしました

こんにちは。Yuiです。 UIとUXのデザインコミュニティBONOで学習しています。今回は、ゼロからサービス制作に挑戦したので、制作したものとプロセス、学びについてまとめたいと思います。制作したサービスの概要赤ちゃんの予防接種と健診を忘れないためのサービスを制作しました。プロトタイプはこちら。子育てのご経験がない方にも続きを読んでいただきたいのでごく簡単に予防接種と健診についてご説明します。なお、私には医療知識も経験もなく、間違った説明である可能性もあるので、

【BONO学習日記】UIビジュアル基礎TRY3＆4～レイアウトと配色の基本～

今回はBONOの「UIビジュアル基礎」TRY3「レイアウトの基本」とTRY4「配色の基本」を修了したので、2本立てで学習内容をまとめたいと思います。 TRY3「レイアウトの基本」TRY3はUIのレイアウトについて学びます。課題に取り掛かる前に事前学習で学ぶことは、以下の5つです。・倍数スタイリング・情報の優先度とグルーピング・余白の論理・グリッドで統一感のあるデザイン・ボーダーの基本上記のコンテンツを学んだ後、以下の流れで、お題のレイアウトをリデザインしまし