u

UIデザインをBONOにて勉強中のアラフォー 思考と試行のプロセスを発信していきます

u

UIデザインをBONOにて勉強中のアラフォー 思考と試行のプロセスを発信していきます

【UX入門】サブスク管理アプリ作成からUXを学ぶ

UX的3つの手法 - サービスや機能アイデアのコンセプトデザイン今回から、サブスク管理サービスを作りながら、ユーザーエクスペリエンス（UX）についての実践をしていきます。 最終的に作成した画面はこちら この画面に至った経緯を記載していきます。 【今回のお題】 今回は、価値定義とプロトタイプをセットで作成していきます！ 今回のお題を学ぶと以下のことが学べます。 今回の考える範囲の図解 今回のお題の1つである価値定義シート ユーザーの行動フローの全体像も考えていき

u

    • BONO【出張申請ソフト】デザインやってみた！！Vol.2：承認リスト編

      承認リスト関連カイクン（@takumii_kai）さん（※以下敬称略）のデザインコミュニティBONOで未経験からデザインを学んでいるuです！ 前回はBONOのロードマップにある出張申請のコンテンツを実施し、フィードバックを受けた結果の申請リスト画面を作成していきました。 前回の記事はこちら 今回は、前回の続きである出張申請ソフトの承認リスト関連の画面を作成していきます。 【Figmaプロトタイプ】 こちらの画面に至る経緯を紹介していきます。 ①承認リスト画面Ver1

      u

      • BONO【出張申請ソフト】デザインやってみた！！Vol.1：申請リスト編

        カイクン（@takumii_kai）さん（※以下敬称略）のデザインコミュニティBONOでデザインを学んでいるuです！ 今回はBONOのロードマップにある出張申請のコンテンツを実施しました。 モヤモヤしつつも作っていたため、約3か月もかかってしまいました。 3か月も作り込んだため、一度カイクンからのフィードバックを受けたいと考えました。 今回は、出張申請のフィードバックが返ってきた結果、どんなものを作ったのかを記載していきます。 フィードバックの内容を紹介！まずはフィ

        u

        • デジタル庁ウェブアクセシビリティ導入ガイドブックの要約と考察やってみた！

          カイクン（@takumii_kai）さんのデザインコミュニティBONOで、未経験からデザインを学んでいるuです！ 先日、BONOで【ウェブアクセシビリティ導入ガイドブック｜デジタル庁を読む会】という勉強会が行われました。 勉強会で行われたことの詳細は、メンバー限定であるため、他のメンバーがシェアした内容は実際に参加した人のお楽しみとして、この記事では勉強会の概要と自分が参加したときにどんなことを発表したかを紹介していきます！ 私は、ウェブアクセシビリティ導入ガイドブック

          u

        【UX入門】サブスク管理アプリ作成からUXを学ぶ

        u

        • BONO【出張申請ソフト】デザインやってみた！！Vol.2：承認リスト編

          u

        • BONO【出張申請ソフト】デザインやってみた！！Vol.1：申請リスト編

          u

        • デジタル庁ウェブアクセシビリティ導入ガイドブックの要約と考察やってみた！

          u

          BONO【UIデザインの基本➪応用】やってみた！！

          ※スマホ上で見られない可能性があります。ご注意ください カイクン（@takumii_kai）さん（※以下敬称略）のデザインコミュニティBONOでデザインを学んでいるuです！ 今回は前回のシリーズで作成したSpotifyの機能を初めて使う人がわかりやすくするためのUIを作成していきます。 前回の記事はこちら 記事内のスライド画像は、BONOのコンテンツ内のスクリーンショットです！ 私が作成した画面は文言と合わせて紹介しています。 この記事を読むことで、BONOでどう

          u

          BONO【UIデザインの基本➪応用】やってみた！！

          u

          BONO【UIデザインの基本】やってみた！！

          カイクン（@takumii_kai）さんのデザインコミュニティBONOでデザインを学んでいるuです！ 今回はBONOのロードマップ内にある UX入門コースにチャレンジしていきます！ 記事内に出てくるスライドは、BONOの動画内のスクリーンショットです。（こんなスライド作れるようになりたい……！！！） 私が作成したものは、実践したものの図や一部のUIです。 この記事を読むことで、BONOでどういったことを学んでいるかがわかるようになっています。 ※動画はメンバーのみ視

          u

          BONO【UIデザインの基本】やってみた！！

          u

          UIビジュアル基礎　TRY6　UI構造を意識してリデザインしよう！

          お題リデザインするポイント ①階層の関係 ②UI基本構造 ③モードチェンジ お題スライド 今回のリデザインはこちら！ 所感UIビジュアル基礎　TRY6　完了 【作業時間】 動画視聴　　90分 デザイン　　120分 リデザイン　20分 【所感】 階層構造の理解はこれまでの勉強で身に付いてきていることを感じた。概ね解答動画とのズレはなかった。 モードとモーダルの概念は理解が進んでいるが、未だに難しい モードとモーダルの作成をしていないために理解が難しい部分もあ

          u

          UIビジュアル基礎　TRY6　UI構造を意識してリデザインしよう！

          u

          UIビジュアル基礎　TRY5　レスポンシブなホームUIをデザイン！

          お題リデザインするポイント ①ブレイクポイント ②可変/不可変 ③ブロックを意識する お題スライド どんなの作った？ 所感UIビジュアル基礎　TRY5　完了 【作業時間】 動画視聴　　65分 デザイン　　220分（半分ぐらいは可変データが作れないかチャレンジしていた……） リデザイン　30分 【所感】 ・PC→スマホへの画面サイズの作成をした。 ・レスポンシブデザイン作るのは難しいかもしれないとお題動画を観る前には感じていたが、画面を作るだけであればそれほど苦労はし

          u

          UIビジュアル基礎　TRY5　レスポンシブなホームUIをデザイン！

          u

          UIビジュアル基礎　TRY4　スマホの動画詳細UIをリデザイン！

          お題リデザインポイント 赤以外に使える色を決める 作った後に必ずリデザインする どんなものを作った？所感 UIビジュアル基礎　TRY4　完了 【作業時間】 動画視聴　70分 デザイン　35分（解説動画後リデザイン含む） 【所感】 ・色のポイントを変えるところが、少なめだったので、比較的早く終わった。お題の中で難易度が易しいお題だった。 ・プライマリカラーのアクションは基本的に1つにする ・配色の割合は、8:2にする。テーマカラーが2の割合。セカンダリカラーを追加しても

          u

          UIビジュアル基礎　TRY4　スマホの動画詳細UIをリデザイン！

          u

          UIビジュアル基礎　TRY3　動画詳細UIをリデザイン！

          ①お題と作成したもの今回はこちらの動画シリーズを参考にお知らせしていきます。 リデザインポイント 所感どんなものを作った？ UIビジュアル基礎　TRY3　完了👏 【作業時間】 動画視聴　85分 デザイン　65分 【所感】 レイアウトグリッドの機能を使うことができた グリッドを活用することで、比率の目星がつくようになった。 余白のスペースに色をつけることで、視覚的に余白がわかりやすくなった 余白の色は、視覚的にわかりやすくなるものの作業時間が増える グリッ

          u

          UIビジュアル基礎　TRY3　動画詳細UIをリデザイン！

          u

          UIビジュアル基礎　TRY2　ホームUIをリデザイン！

          UIビジュアル基礎：ホームUIをリデザインに挑戦し、見た目のシステム化を学ぶ今回は、デザインコミュニティBONOのコンテンツの1つであるUIビジュアル基礎②ホーム画面のUIをリデザインしていきます。 前回のように構造と見た目のリデザインではなく、見た目のリデザインが中心となっています。 今回の学びまとめ ホーム画面のUIをリデザインしていきながら、デザインシステム（簡易版）について学ぶことができました。 この記事を読むことで、以下の情報を知ることができます。 【まとめ

          u

          UIビジュアル基礎　TRY2　ホームUIをリデザイン！

          u

          【BONO】UIビジュアル基礎をTRYしてみた結果……！

          UIビジュアルの基礎が身に付くコンテンツをやってみた今回の記事では、UIビジュアル基礎を紹介します！ 私の所感を交えながら、UIビジュアル基礎のコンテンツを一気に紹介していきます！！ 私の妻は、illustratorやPhotoshopをマンツーマンのオンライン授業でデザインを学んでいます。同時期にデザインを学び始めた妻は、BONOのコンテンツをちょっと覗きつつ…… 『BONOのコンテンツ奥深いし、濃い内容だね！』と褒めていました。 この記事で、BONOのコンテンツの奥深さ

          u

          【BONO】UIビジュアル基礎をTRYしてみた結果……！

          u

          デザイン未経験からデザインコミュニティBONOで1ヶ月勉強した結果どうなった……？

          デザインコミュニティBONOに入って、１ヶ月が経ったので、この1ヶ月の状況をつらつらと書いていきます。 前回の記事でもお伝えしたことですが、UIデザインをやりたいなあと考えている人はBONOに入会することをオススメします。 入会して1ヶ月しか経っていない私ですが、この1月の間で、モチベーション・技術力・デザインの理解を大幅に進められることができました！ 1ヶ月の間どんなことをやっていたか詳細を書いていきます！！ 【この記事を読んでわかること】 ・デザインコミュニティB

          u

          デザイン未経験からデザインコミュニティBONOで1ヶ月勉強した結果どうなった……？

          u

          なぜアラフォーがUIデザインをしようと思ったのか？

          はじめまして！ u(ユー）と申します。 37歳でアラフォーです！ 現在は、デザインコミュティBONOにて、UIデザインを目下修行中です。 今回の記事では、以下について記載していきます。 なぜアラフォーがUIデザインをしようと思ったのか？ デザインを勉強するのにスクールは良いのだろうか？ 数ヶ月前、アラサーの知り合いがデザインスクールに通い始めました。 その方は、毎日の課題に追われながら楽しそうに取り組んでおり、目を輝かせているのが印象的でした。 私はもともとワード

          u

          なぜアラフォーがUIデザインをしようと思ったのか？

          u