こんにちは！ 本日のアウトプットは、UIとUXコミュニティBONOの「Daily UI 音声SNS」シリーズです。完成後、すぐにアウトプットを出さずに次の制作に入ってしまったことにわりと後悔をしています…笑。長くなりましたが、ご一読頂けると嬉しいです。 お題のヒントをもとにUIのパターンリサーチやMaterial Design、Human Interface Guideline、その他アプリを参考にしてUIを作成することで、主要なサービスのUIやUIの基本概念を学びました。
今回はこんにちは！もう5月が終わろうとしていますね…！焦りと不安が増し増しです！笑 今回は、OOUIコンテンツ中心のUI設計シリーズのことをまとめていこうと思います！今回からは、学んでいく過程で湧き出た自分の気持ちの部分もできる限り書いていけたらいいなと思います！ 今回のBONOのシリーズはこちらです↓ 参考図書『オブジェクト指向UIデザイン』とともにOOUIについて書かれている『オブジェクト指向UIデザイン』という本があるのですが、こちらのChapter1・2を読んでか
はじめに１ヶ月近く投稿していませんでしたが、勉強は毎日コツコツとしています。 今回から、「顧客価値をUIで実現する」情報設計のシリーズに突入しました🎈 要件をUIに反映するデザインの流れ 要件把握｜PMやディレクターからの要件を把握することからスタート。要件の内容を噛み砕いていく。 超ラフ｜要件だけ把握してもよいが、形に一旦してみると、わかっていないポイントがクリアになったりする。全体像で何を注意しなければならないかなどもわかる。 UI要件整理｜情報のグループやパタ
はじめに各TRY ごとにお題が出されます。そのお題に沿って、自分で制作→解説動画を視聴→修正をする という流れでこのコースを学びました。 TRY毎に成果物と、そこで得た学びをまとめていきます。 TRY1｜コンセプトを考えてリデザインするこのレクチャーでは、以下の動画投稿サイトの自己紹介ページをリデザインするのがお題です。 いざ、取り掛かろうとさっそく”参考”を探し始めました。参考にしたのは、MENTAというWebサービスとLinkedInのWebサービスです。その結果で
はじめに今回は、BONO UIビジュアル入門コース、『グラフィック入門』に基づき、UIデザイン学習サイトを制作した過程をまとめます📝 目的どうやってこの見た目に辿り着いたのか どう載せる情報を決めているのか 色ってどう考えて決めているのか このレイアウトにした理由は？決め方は？ →「診断サイトのアイキャッチ」をトレースしながら、理解を深めていく。 1. 方向性の定義ユーザー視点 誰に→届ける情報、優先度、届ける方法 何をなぜ→何を優先度高く伝えるべきか？伝えてどういう結
はじめに今回は、BONOのビジュアル基本原則のレクチャー動画に基づいて作成したTodoリストのWebサービス制作過程で自身がポイントになったと思うものをまとめていきます📝 🌱制作の要件 誰がいつ使う？｜1日のやることを書き出して消化するだけのタスク管理をしたい… 必要な機能｜タスクの閲覧・追加・編集とカテゴリ分け BONO ビジュアル基本原則 Todoサービス その１｜ヘッダーUI〜メインコンテンツヘッダーUIの作成とTodoブロックのデザイン まずは参考となるサービ
今週はモチベーションが下がる日もありましたが、なんとか毎日の最低限Todoリストをこなすことができました。はなまる。 1. BONO1-1 はじめてのUI こちらのコースで、メッセンジャーアプリを作成していきました。 以下は、特に覚えておきたい事項です。 ＃５ ・ヘッダーの文字フォントは基本16px ・ボトムナビは、ヘッダーと同じく縦48px ・メッセージは、相手の投稿と自分の投稿で色味を変えコントラストをつけることでどちらのメッセージかを瞬時に判断できるようにする ＃６
無職になって初の1週間。時間がたっぷりある一方、孤独感が増しましです。働いていないことへの後ろめたさ。社会からの孤立。社会的信用のなさ。 まだ1週間ですが、”こういう気持ちになると分かっていたであろう”閉塞感をしっかり漂わせている今日この頃です。 そういう時は、”没頭”をして、マイナスなことを考えないようにしています。 1. BONO以前も触れましたが、BONOというオンラインコミュニティに入り、動画をみながらUI/UXデザインのことを学んでいます。こちらに掲載されているロ
💡やったこと 📚はじめてのUI 読書中・・・ コンポーネントの種類がこんなにもあるのかと驚きました。 説明だけだとはてなマークが大量発生ですが、その後に具体的な例を図で示してくれているので、分かりやすいです。まだ読み途中ですが、この本は、今後何度も読み返すことになりそうな予感です！ ここからは余談。 2月末で退職することにしました。その引き継ぎ業務や、引っ越しの準備で、2週間ほどなにもできておらず・・・（完全な言い訳ですが笑） 3月1日からは「無職」です。 危機感をもちつ
💡やったこと 📚やってはいけないデザイン を読破。 📌デザインリサーチのムードボードやり直し。 現在、MENTAというサービスで、以下のコースを受講しています。 私が作成したムードボードに対し、FBをもらったのでその修正をしました。 📌バナーのトレース 初めてのトレースには、実は４時間もかかりました…かかりすぎですよね。笑 散りばめられたデザインの４大原則を見つけていく過程が楽しかったです。ただ、それを言語化するとなると、まだまだ苦手意識があるので克服していきたいとこ
💡やったこと 📚けっきょく、よはく 📌デザインリサーチ ムードボードをつくりました。 お題 20代女性向けのアパレルブランドが、夏服のセールを開催するためにバナーを作成したい。 ムードボードに記載すること ・テーマ：「Mood Board」にあるように、言語化する ・Good KeyWords：そのテーマに合うキーワードを具体的に記入する ・Bad KeyWords：そのテーマには合わないキーワードを具体的に記入する ・フォント：そのテーマに合いそうなフォントを2つ選ぶ
今週は怠けてしまいました…が、学んだことを書いていきます。投稿自体に30分かけないこと👓 💡やったこと 📚レタースペーシング 📌素材の探し方・扱い方 ・（前提として）各サイト、各素材の利用条件に必ず目を通すこと ・無料素材のサイトは意外にある ・写真素材は、サイトのトンマナに合わせてレタッチして使う ・練習として、サイトの素材がどのように使われているか分析・言語化してみる 📌あしらいのこと ・デザインにおける装飾のことを「あしらい」と呼ぶらしい ・メインのコンテ
1週間ごとに投稿！と息込んだものの、はや脱落。結果的には2週間と5日経ちました。笑 今回も30分と決めて、綺麗にまとめようとせずどんどんと。 💡やったこと 📚書籍 前回、デザインの４大原則を実践も踏まえつつ学びんだ。今回は、『ノンデザイナーズデザインブック』を読み、より理解を深めた。 📌デザインデータのルール デザインデータを作っていくときは、ルールを決めて作っていく。例えば、数値や余白は、５の倍数・８の倍数が使われることが多い。会社や受注先によってルールは違うかもしれ
UIデザイナーになるべく、勉強を始めました。 アウトプットとして、振り返り記事を１週間に１度のペースで投稿しようと思います。と言いつつ、性格的に完ぺき主義っぽい部分があるので何時間もかけないよう、制限時間30分で。 💡やったこと ・Figmaの基本ツールの理解と実践 使用したのは、Udemyのコース受講（こちらは1週間より前から受講していました）と下のサイトです。 ・📚『センスは知識からはじまる』を読む →気になった箇所をピックアップ ・デザインの４大原則を学ぶ →名刺
