noko Ki

UIUXデザイナーになりたいかき氷が大好き人間。 （ヘッダー画像を覗いてください） …

noko Ki

UIUXデザイナーになりたいかき氷が大好き人間。 （ヘッダー画像を覗いてください） Notionに、勉強ログをつけています。 💡https://www.notion.so/nokokiiiiui/UI-ae5ce0ad7cd04cab99a3d9315f47398c

BONO｜UIビジュアル基礎

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

noko Ki

    • BONO｜UIデザイン学習サイトの制作

      はじめに今回は、BONO UIビジュアル入門コース、『グラフィック入門』に基づき、UIデザイン学習サイトを制作した過程をまとめます📝 目的どうやってこの見た目に辿り着いたのか どう載せる情報を決めているのか 色ってどう考えて決めているのか このレイアウトにした理由は？決め方は？ →「診断サイトのアイキャッチ」をトレースしながら、理解を深めていく。 1.　方向性の定義ユーザー視点 誰に→届ける情報、優先度、届ける方法 何をなぜ→何を優先度高く伝えるべきか？伝えてどういう結

      noko Ki

      • BONO｜Todoリスト　Webサービス

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

        noko Ki

        • 振り返り｜UIUXデザインの勉強始めて恐らく10周目。

          今週はモチベーションが下がる日もありましたが、なんとか毎日の最低限Todoリストをこなすことができました。はなまる。 1.　BONO1-1 はじめてのUI こちらのコースで、メッセンジャーアプリを作成していきました。 以下は、特に覚えておきたい事項です。 ＃５ ・ヘッダーの文字フォントは基本16px ・ボトムナビは、ヘッダーと同じく縦48px ・メッセージは、相手の投稿と自分の投稿で色味を変えコントラストをつけることでどちらのメッセージかを瞬時に判断できるようにする ＃６

          noko Ki

        BONO｜UIビジュアル基礎

        noko Ki

          振り返り｜UIUXデザインの勉強始めて9週間目？

          無職になって初の1週間。時間がたっぷりある一方、孤独感が増しましです。働いていないことへの後ろめたさ。社会からの孤立。社会的信用のなさ。 まだ1週間ですが、”こういう気持ちになると分かっていたであろう”閉塞感をしっかり漂わせている今日この頃です。 そういう時は、”没頭”をして、マイナスなことを考えないようにしています。 1. BONO以前も触れましたが、BONOというオンラインコミュニティに入り、動画をみながらUI/UXデザインのことを学んでいます。こちらに掲載されているロ

          noko Ki

          振り返り｜UIUXデザインの勉強始めて9週間目？

          noko Ki

          【振り返り】UIデザインの勉強を始めて6~7週間。

          💡やったこと 📚はじめてのUI　読書中・・・ コンポーネントの種類がこんなにもあるのかと驚きました。 説明だけだとはてなマークが大量発生ですが、その後に具体的な例を図で示してくれているので、分かりやすいです。まだ読み途中ですが、この本は、今後何度も読み返すことになりそうな予感です！ ここからは余談。 2月末で退職することにしました。その引き継ぎ業務や、引っ越しの準備で、2週間ほどなにもできておらず・・・（完全な言い訳ですが笑） 3月1日からは「無職」です。 危機感をもちつ

          noko Ki

          【振り返り】UIデザインの勉強を始めて6~7週間。

          noko Ki

          【振り返り】UIデザインの勉強を始めて5週間。

          💡やったこと 📚やってはいけないデザイン　を読破。 📌デザインリサーチのムードボードやり直し。 現在、MENTAというサービスで、以下のコースを受講しています。 私が作成したムードボードに対し、FBをもらったのでその修正をしました。 📌バナーのトレース 初めてのトレースには、実は４時間もかかりました…かかりすぎですよね。笑 散りばめられたデザインの４大原則を見つけていく過程が楽しかったです。ただ、それを言語化するとなると、まだまだ苦手意識があるので克服していきたいとこ

          noko Ki

          【振り返り】UIデザインの勉強を始めて5週間。

          noko Ki

          【振り返り】UIデザインの勉強を始めて4週間。

          💡やったこと 📚けっきょく、よはく 📌デザインリサーチ ムードボードをつくりました。 お題 20代女性向けのアパレルブランドが、夏服のセールを開催するためにバナーを作成したい。 ムードボードに記載すること ・テーマ：「Mood Board」にあるように、言語化する ・Good KeyWords：そのテーマに合うキーワードを具体的に記入する ・Bad KeyWords：そのテーマには合わないキーワードを具体的に記入する ・フォント：そのテーマに合いそうなフォントを2つ選ぶ

          noko Ki

          【振り返り】UIデザインの勉強を始めて4週間。

          noko Ki

          【振り返り】UIデザイナーの勉強を始めて3週間。

          今週は怠けてしまいました…が、学んだことを書いていきます。投稿自体に30分かけないこと👓 💡やったこと 📚レタースペーシング 📌素材の探し方・扱い方 ・（前提として）各サイト、各素材の利用条件に必ず目を通すこと ・無料素材のサイトは意外にある ・写真素材は、サイトのトンマナに合わせてレタッチして使う ・練習として、サイトの素材がどのように使われているか分析・言語化してみる 📌あしらいのこと ・デザインにおける装飾のことを「あしらい」と呼ぶらしい ・メインのコンテ

          noko Ki

          【振り返り】UIデザイナーの勉強を始めて3週間。

          noko Ki

          【振り返り】UIデザイナーの勉強を始めて2週間。

          1週間ごとに投稿！と息込んだものの、はや脱落。結果的には2週間と5日経ちました。笑 今回も30分と決めて、綺麗にまとめようとせずどんどんと。 💡やったこと 📚書籍 前回、デザインの４大原則を実践も踏まえつつ学びんだ。今回は、『ノンデザイナーズデザインブック』を読み、より理解を深めた。 📌デザインデータのルール デザインデータを作っていくときは、ルールを決めて作っていく。例えば、数値や余白は、５の倍数・８の倍数が使われることが多い。会社や受注先によってルールは違うかもしれ

          noko Ki

          【振り返り】UIデザイナーの勉強を始めて2週間。

          noko Ki

          【振り返り】UIデザイナーの勉強を始めて１週間。

          UIデザイナーになるべく、勉強を始めました。 アウトプットとして、振り返り記事を１週間に１度のペースで投稿しようと思います。と言いつつ、性格的に完ぺき主義っぽい部分があるので何時間もかけないよう、制限時間30分で。 💡やったこと ・Figmaの基本ツールの理解と実践 使用したのは、Udemyのコース受講（こちらは1週間より前から受講していました）と下のサイトです。 ・📚『センスは知識からはじまる』を読む →気になった箇所をピックアップ ・デザインの４大原則を学ぶ →名刺

          noko Ki

          【振り返り】UIデザイナーの勉強を始めて１週間。

          noko Ki