Yu

社会人2年目。Web系の企業でコーディングやデザインをしています。 もっとUI/UXの…

Yu

社会人2年目。Web系の企業でコーディングやデザインをしています。 もっとUI/UXのことについて詳しくなりたいので、アウトプットがてら、UI/UXの学びを中心に書いていきます!

最近の記事

【UIデザイン】地図アプリは地図から見るか?リストから見るか?

みなさん、こんにちは! 最近、地図を使ったアプリのUIを考えており、その中で調査したのでそのことを書いていきたいと思います。 題名にもあるように、地図から見るか、リストから見るかに焦点を当てて、どういう目的でUIの表現を使い分けるのが良いかなどを考えていけたらいいなと思います。 地図から見る、リストから見るとは?まずは今回の記事でいう「地図から見る」と「リストから見る」はどこのUIに当たるかを説明していきたいと思います。 Google Mapでいうとこの下画像のUI部分を今

    • 【UIデザイン】2023年、私の目標!!

      みなさん、こんにちは。 読んでいただきありがとうございます! 今回は2023年に入りましたので、今年の目標を書き残していこうかなと思います。 今年はUIデザイナーとして、本格的に働けるように頑張ることを軸に頑張りたいと思っているので、それに向けた目標が多くなるかなと思います。 デザイン目標1. UIデザイナーになる! これは一番の目標に当たるのですが、去年の8月頃からふんわりとUIデザインに本格的に携わりたいと思うようになりました。現在はWeb系の企業でコーディングをした

      • 【UIデザイン】OOUI(オブジェクト指向UI)を学ぶ

        みなさん、こんにちは! 本日はオブジェクト指向UIについて、学んだ内容をこちらでまとめていこうと思います!! 最近、BONOというUIデザインをメインに情報を共有してくださっているサービスに入会し、その中で「コンテンツ中心のUI設計」のセクションがありましたので、そこでオブジェクト指向について改めて学ぶことができました。 BONOはUI/UXについて、とても効率的に学べるのでとてもおすすめです! よろしかったら、覗いてください!! ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

        • 【UIデザイン】iOSとAndroidのデザイン比較

          みなさん、こんにちは! 本日は同じアプリiOSとAndroidのデザインを比較してみたいと思います。 なぜ、比較してみたいと思ったかというと、Flutterをいじる機会があり、FlutterでもiOS専用のWidgetはあるのですが、いちいちiOS用のコードも書く必要があるのかと疑問に思ったからです。 世の中のアプリデザインはどこまで共通のデザインを使い、どこからiOS、Android専用のデザインを採用しているのかを見ていきたいと思います。 TimeTreeのUIデザイン

        【UIデザイン】地図アプリは地図から見るか?リストから見るか?

        • 【UIデザイン】2023年、私の目標!!

        • 【UIデザイン】OOUI(オブジェクト指向UI)を学ぶ

        • 【UIデザイン】iOSとAndroidのデザイン比較

          【UIデザイン】登山アプリのUIの改善を自分なりに考えてみる。

          みなさん、こんにちは。 今回は私も日頃からお世話になっている登山のログを取れるアプリ、YamapのUIの改善を自分の使用経験と友人がYamapを使う時の話を元に行なってみました。 UIを1から作ったり、トレースしたりすることはこれまで学習してきましたが、既存のサービスをどのように改善すればよいかなどの視点はなかなかできなかったので、振り返るためにnoteでアウトプットを行いたいと思います。 使用していて迷ってしまう登山計画作成フローまず前提に、株式会社ヤマップさんのYama

          【UIデザイン】登山アプリのUIの改善を自分なりに考えてみる。

          【UIデザイン】モバイルアプリのフォントサイズはどうする?

          こんにちは! 今回はアプリのUIデザインをする際に、モバイルアプリのフォントサイズはどうすれば良いかをまとめてみました。 トレースなどをすることである程度の基準とすべきフォントサイズが見えてきました。 基準にするフォントサイズは?ここでの基準フォントサイズとは、読ませたい部分などアプリの中心となるフォントサイズのことを指します。 Webのフォントサイズは、ブラウザのデフォルト値が16pxであり、PCのフォントサイズ>=スマホのフォントサイズとあることから、モバイルアプリの基

          【UIデザイン】モバイルアプリのフォントサイズはどうする?

          【UIデザイン】8月に学んだこと

          こんにちは!こんばんは! 8月の中旬頃から、UIデザインなどの勉強をし始めたので、8月の学習内容をまとめたいと思います。 UIトレース Daily UI課題 書籍 8月に主に取り組んだ内容として、上記の3点になるかなと思います。基礎中の基礎を固めるといった意味ではかなり役に立つ学習内容になりました。 1. UIトレースUI/UXの学習を始めるにあたり、何をすればよいかと考えた時にツールの使い方の学習やUIトレースが思い浮かびました。ツールに関しては、photosho

          【UIデザイン】8月に学んだこと

          SNSのプロフィール画面をデザインしてみる。

          今回はSNSのユーザープロフィール画面をデザインしてみましたので、そのことについて書いていきたいと思います。 Step1 【テーマの決定】まずはどんなSNSなのか、またどんな人・世代の人が使うのかを決めていくことにしました。 最近同じ趣味の人と仲良くなりたいと強く思っているので、「趣味で繋がる」という大枠のテーマにすることにしました。対象は悩んだのですが、自分の年齢である20代半ばをターゲットとして作成していきます。また、インスタグラムやフェイスブックなど主要なSNSの手軽

          SNSのプロフィール画面をデザインしてみる。

          SignUp画面をデザインする。

          現在、業務でデザインに携わる機会が増えてきたため、デザインする際にどう考えれば良いか、どう作れば良いかを学ぶために「Daily UI」に取り組み始めました。 今回は#1の「新規会員登録画面(新規アカウント作成)」のデザインを行いました。 Step1 【テーマの決定】Step1として、どんなアプリの新規会員登録画面を作成するかを決めることにしました。このStepはどんなテイストでデザインすれば良いか、どんなユーザーがこのアプリを使うことが予想されるかという道筋を立てることがで

          SignUp画面をデザインする。