マガジンのカバー画像

BONO-マガジン

36
BONOを使って学んでいるnoteを集めます
運営しているクリエイター

#デザイン

【UIビジュアル入門】ToDoサービスへの取り組みについて

はじめにこの記事は、デザイン動画コミュニティBONOにて完全未経験からUIUXデザインを学び、2025年にUIUXデザイナーとして転職することを目標に、私、masamiが学びのアウトプットをすることを目的としています。 BONOのシリーズについてのnoteを書くのはこれが初めて…。 noteすら迷走して先生に提出するまでに異常な時間を要しています。笑 今回のToDoサービスへの取り組みは、ほぼトレース的作業となりましたので、作業の中で感じたことや気づいた点、重要だと感じた

#UIUXデザイン学習02 出会うべき神ゲーに出会うアプリUIをデザインしてみた

こんにちは、UIUXデザインを勉強中のmosです。 いきなりですが、BONOでの学習の甲斐ありまして先日プロダクトデザイナーとしての内定が決まりました! 早速業務もスタートして充実した日々を送っております! 有給中にBONOの学習内で最も険しい山である「ゼロからサービスをデザイン」にて自主制作のアプリUIをデザインをしたので、制作過程と学びについてまとめます。 完成デザイン完成プロトタイプ Figmaプロトタイプはこちら 制作期間:1.5ヶ月 内容:課題設定から解決のため

デザインのつくり方/「まなぶ」は「まねぶ」のハラおち

#BONO #UIビジュアル基礎コース #ゼロからはじめるUIビジュアル #デザイン こんにちは! りんたです 今日はデザインコミュニティBONOの「UIビジュアル基礎コース」から「ゼロからはじめるUIビジュアル」で学んだことと自分の気付きをまとめます。 1.「UIデザイン」ってなに?(1)構成 UIは「コンテンツ」「ナビゲーション」「アクション」の3つの要素で構成されています。 この中で、ユーザーがいちばん求める「コンテンツ」を中心にUIができています。 この3要

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

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

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

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

【学びログ】出張申請サービスで学ぶ、オブジェクト指向UIデザイン_BONO

こんにちは!グラフィックデザイナーからUIUXデザイナー目指し勉強中のZIN(じん)と申します。 今回は現在参加している、UIUXデザインが学べるコミュニティ“BONO-ボノ”の情報設計シリーズ『出張申請サービス』の課題制作工程と学びを共有しようと思います!皆様の創作のヒントになることがあれば幸いです。(少し長めの記事になってます💦) 課題の詳細はこちら↓↓↓ 今回の課題目的は、「要件と顧客ニーズに適合する機能のデザイン」を目指す内容でした。そのため、情報設計においてオブ

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

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

UIを作ってみた【BONO】

UIUXデザイナーを目指しているKeijiと申します! note初投稿は今現在所属している、UIUXを学べるコミュニティBONOでの課題を通して学んだこと、デザインしたことのアウトプットや反省を書きます。 どなたかのお役に立てば幸いです。 前提として、BONOではUIデザイナーになるため挑戦すべき課題がいくつかあり、実際に手を動かして課題のアウトプットをすることで、知識の定着を図ります。 作成したデザインはコミュニティ運営者でデザイナーのカイさんからフィードバックを頂

【学びログ】サイトのアイキャッチで学ぶ、デザインのプロセス_BONO

こんにちは!グラフィックデザイナーからUIUXデザイナー目指し勉強中のZIN(じん)と申します。 今回は現在参加している、UIUXデザインが独学で学べる動画コミュニティ“BONO-ボノ”のUIビジュアル基礎シリーズ『グラフィック入門』の課題制作工程と学びを共有しようと思います!皆様の創作のヒントになることがあれば幸いです。(少し長めの記事になってます💦) 課題の詳細はこちら↓↓↓ 【お題と完成形】UIデザイン勉強の診断サイトのアイキャッチを作ってみた!今回のお題は「UIデザ

【学びログ】音声SNSアプリで学ぶ、UIデザインの基本_BONO

こんにちは!グラフィックデザイナーからUIUXデザイナー目指し勉強中のZIN(じん)と申します。 今回は現在参加している、UIUXデザインが学べるコミュニティ“BONO-ボノ”のUIビジュアル基礎シリーズ『音声SNSアプリ』の課題制作工程と学びを共有しようと思います!皆様の創作のヒントになることがあれば幸いです。(少し長めの記事になってます💦) 課題概要はこちら↓↓↓ ーーーーーーーーーーーーーー お題:音声SNSアプリ 課題:以下SNSUIの主要6画面をデザインし、UI

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

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

#UIUXデザイン学習01 出張申請サービスをデザインしてみた

初めまして、mosと申します。 普段は3歳の息子を育成しながら都内のIT企業でWebや印刷物のデザイン、MDの仕事をしています。 もっとWebサービス本体のデザインも出来るようにレベルアップしたい!という思いから、BONOというコミュニティでUIUXデザインを勉強中です。 今回はコミュニティ内の情報設計コースのお題である、「出張申請ソフト」のデザインに取り組みました。 最終的に仕上がったUIはこちら プロトタイプ 作業期間:約1.5ヶ月 取り組んだ目的:Figmaに慣

【BONO】情報設計入門

このシリーズでは、目的をUIに変換する技術を習得する。要件を定義し、目的に沿った適切な情報をUIとして配置できるようにする。 要件の把握デザインを始める前に要件を把握することから始める。 今回は「架空の出張申請ソフトの申請詳細画面を制作すること」が目的。 事前にサイズや必須の機能などは伝えられている(本来はデザイナーがやる必要あり)。 しかし、こいういった要件定義書に書かれていることはあくまで手段である。重要なのはなぜその機能やUIが必要になるのか?目的は何か?を把握す

ユーザー行動から、タイムズカーのUIをリデザインしてみた

こんにちは、皆さんはどうお過ごしでしょうか。 さて、個人制作について共有できればと思っています!デザインをするのは、タイムズカーというカーシェアリングを提供しているサービスになります。 デザインのサマリー 「スケジュール表示でクルマの選択がスムーズに」 「直感的にクルマを選択できる体験をお届け」 「キャンセル待ちをかんたん登録で通知オンに」 実生活でプロダクトを触ったときのこと最近引っ越しをしたのですが、一人暮らしなので荷物はそんなに多くなく、かといって業者に頼む