BONO-マガジン

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

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

BONO｜Todoリスト　Webサービス

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

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

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

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

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

【BONO備忘録①】DailyUI 音声SNSアプリ

BONO（ボノ）とはUIとUXの月額制デザインコミュニティです。動画でデザインを学習出来たり、Slackで主催者の方や参加者の方とコミュニケーションを取ることができます。主催者であるカイクンさんのnoteはこちら↓ なぜ始めたか現在UIデザイナーを目指しており、以下のような理由からBONOで学ぶことを決意しました。オンラインで完結する他の教材やスクールよりUIデザインのコンテンツ量が多いより実践的な内容が学べる今回の課題：音声SNSアプリ音声SNSア

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

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

UIUXの勉強を始めて3か月が経ちました

早いものでUIUXの勉強を開始してから3か月が経ちました。 3か月間で学習したこと、読み終えた本、職場で実践したこと、取得した資格についてまとめます。振り返ってみると、たった3か月の間に、仕事やプライベートで辛いことも色々ありましたが、それでもめげずに続けてたんだなって、少し感慨深いです。 3か月間で勉強したこと●BONOとGoogle UXデザインプロフェッショナル認定の進捗【BONO】・Figmaの基本的な使い方を覚えました　└ オートレイアウトやVaria

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

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

【BONO】出張申請サービスのUIデザインに挑戦

BONOの「出張申請サービス」のUIデザインをつくるお題に挑戦してみたので、その制作記録をまとめています。このお題は、決められた要件に対して、情報設計を考えUIデザインを制作する実践型のトレーニングができる内容となっています。業務系サービスのUIデザインにチャレンジしたかったので、大変勉強になるお題をありがとうございます！最終的なアウトプットはこちらです。【申請者版プロトタイプ】はこちら。【承認者版プロトタイプ】はこちら。 1　「出張申請」について調べる仕事

フォローしませんか？

#UIUX