マガジンのカバー画像

デザイン学習まとめ

13
運営しているクリエイター

記事一覧

DailyUIまとめ #056〜#060

DailyUIまとめ #056〜#060

*デザインの勉強として作っているDailyUIをまとめています。各目次にInstagramへのリンクを貼っていますので、ぜひご覧ください。

◯DailyUI #056 Breadcrumbs

・制作時間:1時間(調査/下書き15分+作成45分)

・反省:①UIキットを使ったら完成度がめっちゃ上がった。ここ最近の10個くらい?使うことがなぜか頭になくて全部作ってた... 使えるものをうまく使

もっとみる
DailyUIまとめ #051〜#055

DailyUIまとめ #051〜#055

*デザインの勉強として作っているDailyUIをまとめています。各目次にInstagramへのリンクを貼っていますので、ぜひご覧ください。

◯DailyUI #051 Press Page

・制作時間:45分間(調査/下書き15分+作成30分)

・気づいたこと:なんだかとても上手く作れた。なんでそう思うのだろう。文字のサイズが良かった??今までが大きかったのかもしれない。背景画像を少し暗めに

もっとみる
DailyUIまとめ #046〜#050

DailyUIまとめ #046〜#050

*デザインの勉強として作っているDailyUIをまとめています。各目次にInstagramへのリンクを貼っていますので、ぜひご覧ください。

◯DailyUI #046 Invoice

・制作時間:45分間(調査/下書き15分+作成30分)

・意識したこと:30分で作成すること

・気づいたこと:前回に続き、PCでの表示をイメージして作成した。スマホとサイズが違うため、文字の大きさや文字間のス

もっとみる
DailyUIまとめ #041〜#045

DailyUIまとめ #041〜#045

*デザインの勉強として作っているDailyUIをまとめています。各目次にInstagramへのリンクを貼っていますので、ぜひご覧ください。

◯DailyUI #041 Work Tracker

・制作時間:45分間(調査/下書き15分+作成30分)

・意識したこと:30分で作成すること

・気づいたこと:イメージと色味を合わせて作ることができたのは良かったと思う。下の文字がイメージ画像にかぶ

もっとみる
DailyUIまとめ #036〜#040

DailyUIまとめ #036〜#040

*デザインの勉強として作っているDailyUIをまとめています。各目次にInstagramへのリンクを貼っていますので、ぜひご覧ください。

◯DailyUI #036 Special Offer

・制作時間:45分間(調査/下書き15分+作成30分)

・意識したこと:①30分で作成すること②シンプルにすること

・気づいたこと:シンプルすぎた気がする。あと少し、アイコンや色が入っていたほうが

もっとみる
DailyUIまとめ #031〜#035

DailyUIまとめ #031〜#035

*デザインの勉強として作っているDailyUIをまとめています。各目次にInstagramへのリンクを貼っていますので、ぜひご覧ください。

◯DailyUI #031 File Upload

・制作時間:45分間(調査/下書き15分+作成30分)

・意識したこと:①30分以内に作ること②どんな状態か一目でわかるようにすること

・気づいたこと:手を早く動かせば30分でも作れるということ。今ま

もっとみる
DailyUI #001 - #030+α 総まとめ

DailyUI #001 - #030+α 総まとめ

*DailyUIの001〜030で作った作品+αの中から抜粋。

◯DailyUI #012 E-Commerce Shop

・制作時間:1時間30分(調査&下書き30分/作成1時間)

・意識したこと:①1時間で作ること②商品を見やすいようにすること

・気づいたこと:①戻るボタンがなかったと後から気づいた。割とどんなサービスでもスワイプで戻れるけどあった方が親切だなあと。②商品イメージの幅が

もっとみる

DailyUI #026 - #030 まとめ

◯DailyUI #026 Subscribe

・制作時間:1時間(調査&下書き15分/作成45分)

・意識したこと:①45分以内に作ること②可愛いイメージで作ること

・気づいたこと:メールボックスの画像が時間的にこれを使ったが合わなかった。色やフォントに合うようなポップなイメージなら良かったかなー。

・反省:自分が作らなそうなものを作ろう!と思い、可愛いイメージで取り組んだけど、なんか違

もっとみる

DailyUI #021 - #025 まとめ

◯DailyUI #021 Home Monitoring Dashboard

・制作時間:1時間30分(調査&下書き30分/作成1時間)

・意識したこと:①1時間以内に作ること②一目で充電量が分かるようにすること

・気づいたこと:①充電量のゲージを調節するのが一番大変だった。これも初めてだったけど、結果イメージ通りに作れたのでよかった。②デバイスの文字があと1px大きくてもよかったかなあ。

もっとみる

DailyUI #016 - #020 まとめ

◯DailyUI #016 PopUp/Overlay

・制作時間:1時間(調査&下書き15分/作成45分)

・意識したこと:①45分間で作ること②クローズボタンを付け忘れないこと

・気づいたこと:ひどい。16個作ってきた中で一番自分で気に入らない作品を作った。でもこれも作らなかったら気づけなかったので、1つの経験だと思いたい。

・反省:これは初めから作り直したかったぐらいに微妙だった。時

もっとみる

DailyUI #011 - #015 まとめ


◯DailyUI #011 Flash Message

・制作時間:45分(調査&下書き15分/作成30分)

・意識したこと:①30分で作ること②どんな状態かを一目でわかるようにすること

・気づいたこと:①始めが画面一杯に大きく作っていたけど、伝えたいこと・見やすさを考えたら小さくてもいいなと思った②色の選び方が良かった。どちらもフラッシュ感もあるしw 赤の色合いがなんだか好きだなあと。

もっとみる

DailyUI #006 - #010 まとめ



◯DailyUI #006 UserProfile

・制作時間:1時間15分(下書き15分/作成1時間)

・意識したこと
①1時間以内に作成すること
②一目で伝わるものにすること

・気づいたこと
*多くのSNSのアイコンのサイズが大きくないのは、どんな写真でも全体の作りを損なわないためだったのか? 今回サイズを大きく作ったため、写真によっては崩れてしまうなあと思った。

・反省
*1時

もっとみる

DailyUI #001 - #005 まとめ


◯DailyUI #001 Signup

・意識したこと
*一目で何の画面か?が伝わるものにしようと考えていて、そのために必要な項目は何か?を思い浮かべながら取り組んだ。

・気づいたこと
①サービスに合うなら、背景に薄くドット柄などを入れても可愛いなと。
②ボタンの色にはもっと合う色がありそう。
③サインアップの段階でどんなサービスかが伝わると、初期段階から使う楽しみを感じてもらえるのかなと

もっとみる