Mariaののーと。

大学時代はプログラミングを学んでいました!今はプログラミングとは少し離れた仕事をしてま…

Mariaののーと。

大学時代はプログラミングを学んでいました!今はプログラミングとは少し離れた仕事をしてます。様々なことに独学で挑戦中!コメントで皆様のご意見をお待ちしております。

マガジン

  • UIデザイン初心者のUIデザイン成長記録日記

    UIデザイン初心者の私がDailyUIで作成したUIデザインを記録するためのマガジンです。アドバイスをいただけるととても嬉しいです!よろしくお願いいたします。

最近の記事

DailyUI 043 of 100 〜Food/Drink Menu〜

はじめに日頃自炊しているのですが、ほとんどがもやし料理になってしまいます。。。 あるあるですよね?しかもすぐ腐る。笑 課題お題は"Food/Drink Menu"です。カフェによく黒板が置かれていて、そこにメニューが書かれていること多いなーと思ったので、全体的な色味は黒板を意識。 スマホで、メニュー見て、注文までできるという設定で、1画面に全てのメニューを入れました。 しかし、それだと見ずらいので、「+」ボタンを押すとその項目のメニューが見れて、「ー」押すと閉じれるとしまし

    • DailyUI 042 of 100 〜Todo List〜

      はじめに最近テレビを全く見なくなってしまいました。見なくても生活できるんですけど、あったらあったでバラエティとか見れるのいいですよね。まあ、最近はコロナのニュースばっかりな気がしますけど。 課題お題は"Todo List"です。自分はよくTodoアプリを入れても、結局そこにメモするのがめんどくさくなって、頭にメモすればいいやという結論になり、結果使わないんですけど、その短い期間の中で、私が個人的にこの機能は欲しいと感じたのは、ミニタスクの追加機能です。タスクって言っても、大

      • DailyUI 041 of 100 〜Workout Tracker〜

        はじめについに東京都以外の感染者数もかなりの数になりましたね、、、 家にいるのが一番! 課題お題は"Workout Tracker"です。今日のやることがパッと見でわかり、完了したら、ボタンをタップするだけでOKという簡単なアクションでできるものをイメージしました。また、画面上部に日付を設置し、簡単に過去のものを見れるようにしました。これは、「あすけん」という食事管理のアプリを参考にしました!また、画面下部で、トレーニングの追加ができます。 成果物 まとめ回数などのトレ

        • DailyUI 040 of 100 〜Recipe〜

          はじめに4連休後の仕事ってやる気でないですよね、、、 この前の4連休は日曜終わりでしたけど、これが火曜終わりとかだとよりやる気が出ないですよね。笑 課題お題は"Recipe"です。私は最近クラシル派なので、上に動画、下に材料とレシピがあるようにしました。 レシピ系のサイトは黄色をメインカラーにしているイメージがあるので、私も黄色にしてみました!そして、余白を意識して作成しました! 成果物 まとめ今回は自分がよく使うアプリを意識して作成したのですが、かなりシンプルにまとま

        DailyUI 043 of 100 〜Food/Drink Menu〜

        マガジン

        • UIデザイン初心者のUIデザイン成長記録日記
          28本

        記事

          DailyUI 039 of 100 〜Testimonials〜

          はじめに感染者数が増えすぎて、4連休も自由に遊べないのが辛いです。 都民が自由に遊べるようになる日はいつになることか、、、 課題お題は"Testimonials"です。調べたところ、商品やサービスの推奨意見のことらしいので、今回は映画のいい意見だけが載っているサイトをイメージしました。星を付けるか迷ったのですが、あったほうが信憑性もあるような気がしたので、評価は1 〜5だけど、コメントを見せるのは3〜5ということにしました。 成果物 まとめ平面感が強いので、もっと縁の色

          DailyUI 039 of 100 〜Testimonials〜

          DailyUI 038 of 100 〜Calendar〜

          はじめに今日みんはやって言う早押しクイズのアプリをしていたんですけど、朝からずっと負け続けて、レート下がり続けてついにBランクになってしまいました。。。 朝からずっとやってて1勝もできないなんてことあるんですね。 負ける日は負ける。学習しました。笑 課題お題は"Calendar"です。私はいつも可愛らしいイラストのついたカレンダーを使用しています。もっとシンプルなもので良いかなと思い、全体的な色味と最低限の機能だけ決めて、作成しました。 まず、月、週、日毎が選べると言うこと

          DailyUI 038 of 100 〜Calendar〜

          DailyUI 037 of 100 〜Weather〜

          はじめにデスク周りのコードが多すぎて、デスクがごちゃごちゃしてしまっていることが最近の悩みです。 解決策を誰か教えて下さい。。。 課題お題は"Weather"です。見た目で天気がわかるということを重要視しようとは思っていましたが、それに加えて、その日のポイントとなるコメントがあればいいなと思っていました。なのでその2点は加えました! そして、今回のイメージですが、子供向けの天気アプリをイメージしました。見て、気になったらすぐ調べられる、勉強になる天気アプリを意識しました。

          DailyUI 037 of 100 〜Weather〜

          DailyUI 036 of 100 〜Special Offer〜

          はじめに今週ずっと頭が痛くて、「もしかして、ヤバイ病気かも!」と不安だったのですが、お医者さんに直接質問のできるサービスがあるんですけど、それ使ったら解凍してくれた人全員に「姿勢が悪いことによって起こる、ヘルニアの可能性が高いです」と言われました。在宅勤務をローテーブルでやっているため、ついにその弊害が起きてしまったのだと。。。 同じように在宅勤務で自宅の仕事環境が整っていない方は私と同じようにならないように気をつけて下さい! 課題お題は"Special Offer"です。

          DailyUI 036 of 100 〜Special Offer〜

          DailyUI 035 of 100 〜Blog Post〜

          はじめに最近すごく寒くないですか?夏とは思えない寒さで、扇風機もクーラーもつけなくていいので、電気代が浮いているような気がします。 課題お題は”Blog Post”です。他の人の作品も見つつ、必要な要素を自分なりに洗い出して、作成しました。必要と判断したのは、「いいね」「お気に入り」「コメント」「シェア」です。そして、あったらいいなと感じたのは、「ビュー数」です。それらを詰め込みつつ、シンプルで見やすいを意識しました! 今回は個人ブログをイメージしたので、投稿した人のアカウ

          DailyUI 035 of 100 〜Blog Post〜

          DailyUI 034 of 100 〜Car Interface〜

          はじめに一気にコロナの感染者数増えましたね、、、。お盆の帰省を今年は諦めました。 GoToキャンペーンも活用したかったんですけど、とりあえず今は無理と判断。というか、本当にGoToキャンペーンやれるんですかね? とりあえず、COCODAをスマホにインストールしないと入れないとかお店で対策したら、感染の広がりはもう少し抑えられたんじゃないでしょうか。今更ですけど。 課題お題は"Car Interface"です。自分は車に乗らないので、何が必要かわからなかったんですけど、スマホ

          DailyUI 034 of 100 〜Car Interface〜

          DailyUI 033 of 100 〜Customize Product〜

          はじめに最近体調があまり良くなくて、どんだけ寝ても寝たりない日々が続いています。 解決方法求む。 課題お題は"Customize Product"です。このお題を見た瞬間に、「スタバ!」と思ったのでスタバのカスタマイズページを作ることにしました! 視覚的に見ることができて、選択も簡単にできるようにを意識しました。スタバのメニュー全部はわからなかったので、知っているものだけにしました。メニューが多い店ほどカスタマイズするときに、このメニューは何が変更できて、何ができないのかが

          DailyUI 033 of 100 〜Customize Product〜

          DailyUI 032 of 100 〜Crowdfunding Campaign〜

          はじめに最近コロナでライブに行けなかったり、予定が色々潰れたりしてたんですけど、そのせいか、寝ているときに夢を最近見るようになって、消えた予定たちを実現させていることが多くなりました。笑 良い夢ばかりで嬉しいです!笑 課題お題は"Crowdfunding Campaign"です。クラウドファウンディングのイメージは、目標金額と現在どれだけ支援が集まっているかが一番重要で、支援者は概要を見て、将来性を判断して支援してあげる、というイメージなのですが、最近はもっと簡単な内容でも

          DailyUI 032 of 100 〜Crowdfunding Campaign〜

          DailyUI 031 of 100 〜File Upload〜

          はじめについに東京の1日のコロナ感染者数が最多となりましたね。 これは夏も実家帰れないなぁ、、、 国が入れるように言ってるアプリ入れてるんですけど、いつも何もないので逆に不安です。笑 課題お題は"File Upload"です。個人的にドラッグ&ドロップでできるのが好きなので、それは要素として入れたいと思いました。そして、それを使う場面が果たしてスマホであるのかということなのですが、写真とかなら需要ありそうだと思ったので、写真を共有するときに使うアプリというイメージで製作しま

          DailyUI 031 of 100 〜File Upload〜

          DailyUI 030 of 100 〜Pricing〜

          はじめに別件で色々忙しかったので、記事投稿がなかなかできてませんでした。 数日間は朝と夜で投稿することになりそうです。 記事の投稿頻度は遅くなりそうですが、UIは引き続き毎日作っていきます! 課題お題は"Pricing"です。このお題を受けてのイメージは、今流行りのサブスクリプション型音楽アプリで、「個人プラン」「学生プラン」「家族プラン」の3つのプランを選ぶという感じです。 成果物 まとめ各プランの説明文が微妙ですね。笑 背景の色味も暗くなりすぎな感じがするので、シン

          DailyUI 030 of 100 〜Pricing〜

          DailyUI 029 of 100 〜Map〜

          はじめに東京都でまた他県移動自粛状態になりましたね。。。旅行できるようになるのはもっと先になりそうです。夏休みはステイホームですね! 課題お題は"Map"です。前回、似たようなお題がありましたが、今回は地上ではなく駅ナカにしました! 改札の位置と出口の位置、タップしたら店の名前が出てくるようにしました。 成果物 まとめ地下でも現在地がわかるようにしたらもっといいと思いました。実際にそういうアプリもあるようですが、自分は使ったことがないので現在地表示なしのもので作成。方向

          DailyUI 029 of 100 〜Map〜

          DailyUI 028 of 100 〜Contact us〜

          はじめに毎日5:30起きで散歩しようと思ったんですけど、今週1回も起きれず、6時から散歩していました! 来週こそは!!笑 課題お題は"Contact us"です。カスタマーサポートに連絡ということですね! 個人的に、電話が一番早いから浴槽するんですけど、レスポンスが遅くてもいい内容というのもあるので、メールを基本送るようにして、すぐ連絡が欲しい人は専用ページに飛べばいいかなと思いました。お問い合わせに結構連絡したことがあるからわかるんですけど、もちろん人によって理解している

          DailyUI 028 of 100 〜Contact us〜