BONO-マガジン｜カイクン🤘

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

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

WebデザイナーからUI/UXデザイナーへキャリアチェンジのため転職した話

はじめまして！デザイナーをしているmmです。 WebデザイナーからUI/UX領域へのチャレンジを目指し転職活動を行い、2024年1月からCBcloudに入社しました。このnoteでは転職から現在までをまとめていこうと思います。同じようなキャリアを考えている方に参考になればと思います🌷 軽く自己紹介新卒でデザイナーとして社会に出てから、今年でデザイナー歴がちょうど10年目になります。 10年の中で、紙物・立体・デジタル媒体・撮影などさまざまな制作や経験をさせてもらいま

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

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

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

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

音声SNSアプリのUIデザインにチャレンジしてみた【vol. 1】

はじめにはじめまして、note初投稿です🙏 これからnoteにデザインの学習記録をアップしていけたらと思っています。簡単にどんな者かと言いますと・・私は現在IT/WEB関連の仕事を(3年ほど)しているデザイン初学者です。日々の業務をする中でUI/UXデザインに触れる機会があり、段々と興味が湧いてきました。もっと体系的に学んでみたいと思い、今は『BONO』というUI/UXデザインのコミュニティで勉強を進めております🔥 ↓こちらがBONOです🌟 デザインは『なぜこの

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

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

BONO｜UIビジュアル基礎

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

Spotifyで友だちが聴いている音楽が分かる機能 - 追加お題にチャレンジしました

今回はBONOのこちらの追加お題「友だちが聴いている音楽が分かる機能を、Spotifyを初めて使う人が知れて使い始めやすくするUI」を考えました。作成したUIのプロトタイプはこちらお題の前提前提として、ペルソナとコアコンセプトは決まっていました。また友だちが聴いている音楽が分かる機能の画面については、動画をもとに作成しました。目指したい形初めに、行動フローの整理から行いました。導線としては、アプリを開いた時にグローバルナビゲーションのMy Libraryに通

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

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

BONO｜Todoリスト　Webサービス

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

[BONO] 音声SNS UI 作ってみた

日記のような、まとめのような。つづってみましたとさ！ DAY 1 : 新規登録 UI1.お題・概要 2.リサーチ Tiktokもinstagramもアカウント持っていると、新規登録画面に中々戻れないため苦戦したスクショタイム。追加お題の参照先が⚪️×問題のようでNGパターンが分かりやすかった。 NGパターンのときのなんとも言えない違和感が面白い。参照先を一読してからスクショした画面の中身を分析し始める。普段何百回も目にしていたであろう見慣れた画面。似ているようで

Daily UI - デザイン初学者のUIビジュアル強化月間

こんにちは、こんばんは。 noteの更新が少し久しぶりになりましたが、変わらずUI・UXの勉強に燃えているminamiです。今日の記事でご紹介するのは、デザインコミュニティBONOのロードマップで記載されている UI・UXデザイナーになるために必要とされる3つの要素　・UIビジュアル　・情報設計　・UX顧客理解の中から、UIビジュアル力を強化するために「仮想の音声SNS」を制作した過程です。 UIを勉強し始めてから、今回の制作で初めて1つの完結したサービ

【BONOログ】コンセプトから学ぶUIビジュアル

こんにちは。KOSU（こす）です。 UI/UXデザインが学べるオンラインコミュニティ『BONO』に参加しながら、UI/UXデザインについて勉強しています。前回の投稿に引き続き、BONO「UIビジュアル基礎 - TRY1 プロフィールUIをデザイン-」での学びについて、自分の振り返りをnoteにまとめました。【お題】「動画共有サービスのプロフィールUI」をリデザインしよう制作物についてリデザインしたUI 今回私がリデザインしたUIのコンセプトとアウトプットはこち

OOUI オブジェクトの抽出方法からUI設計まで

この記事では、デザインのコミュニティBONOで学んだオブジェクト指向UI（OOUI）の概念を基に、自身の考察や他の情報源を交えたOOUIについての理解と学びを記録しています。オブジェクトとはオブジェクトとはUIデザインの土台となるコンテンツそのものです。これはUIの中心となる要素であり、新規追加や並び替え、更新などのアクションが可能になります。オブジェクト指向のアプローチで設計されたUIは、直感的な操作性に優れ、ユーザーにとって理解しやすいものとされています。オブジ

BONO-マガジン

フォローしませんか？

記事一覧