Daily UI #013

今回はダイレクトメッセージのデザインでした。 以前、#006の課題で作成した「ユーザープロファイル」と同じ設定でいこうと思い、新たに男性の画像をダウンロードしました。 SNSの中のダイレクトメッセージという設定で、特に変わったことはせず、普段使っているSNSのデザインを参考にしながら制作しました。また、Pinterestにもよいアイデアがあったので、下記のUIを参考にしました。 私が作成したのは、こちらです。制作時間は3時間でした。 出来上がってみると、メッセージ欄はもっ

Daliy UI #012

今回の課題はECサイトです。 この課題に対してまず私が考えたのは、扱う商品のことでした。 Pinterestや先輩たちのブログを拝見すると、靴や洋服をデザインしたものが多かったので、ちょっとズラして腕時計にしました。 初めは写真のフリー素材を使うつもりでしたが、とあるブログでは実際のブランドの写真を拝借するやり方を知り、私も真似しようと思いました。 普段は、Xiaomi のリストバンドを使っているので、これを今回の素材に使う事にしました。参考にしたデザインは下記の通りで

Daily UI #011

今回はフラッシュメッセージのUI設計です。アイデアを拾うためにPinterestを覗いたところ、動物のキャラクターが結構かわいかったので、自分もそれに倣いイラストを描いてみることにしました。 季節は冬。ちょうど昨晩、雪が降りました。なんとなく白くまが良いと思い、Pinterest上のイラストレーターさんたちの作品を見よう見まねでトレースしつつ、少し編集してみました。 ちなみにフリー素材も探したのですが、あまりお目当てのものが見つからなかったので、自分で描いた次第です。制作

Daily UI #010

やっと10回目に突入しました。今回はソーシャルシェアボタンです。 偶然、Instagramでのボタン作成に関する記事をみつけたので、勉強を兼ねてそのやり方を真似してみました。 「ニューモーフィズム」というボタンにくぼみをつけて立体的に見せる新しいデザイン手法らしいです。 色も白とライラックと薄グレーで可愛かったので、それをそのままトレースしました。あとは、各SNSのロゴをダウンロードして配置しました。Facebookに関しては、四角いものがなかったのでトレースして色を合わ

Daily UI #009

今回は音楽プレーヤーのデザインです。PinterestとSpotifyを参考に下記のようなデザインにしました。制作時間は２時間です。

Daily UI #008

今回は404ページです。アイデアを得るためにいつも通り検索したら、いろんなデザインが見つかってちょっと楽しかったです。 私は#001のなぞカフェのエラーページを作ることにしました。背景もちょうど良いイラストがあって、文字を少しだけ加工しました。 エラーメッセージは、イラストに合わせて少しユーモアをきかせました。 実際に探し物が見つからない時は、ひと息ついてほしいなぁというものです。

Daily UI #007

今回は設定画面のUIデザインでしたが、ほとんど人真似で終わりました。 でも、とてもシンプルにまとめられたので良しとします。

Daily UI #006

今回は指示通り、架空のユーザープロファイルを制作しました。 一番難しかったのは画像の選定でした。フリー素材でイメージ通りのものがなかなか見つからず、それで作りたいものもどんどんズレていくような感じでした。 ユーザープロファイルというのもよく分からなかったし、どのSNSを参考にしてよいかも。でも、Pinterestで偶然いいなぁと思うデザインを見つけ、それを真似しようと思いました。 tumblrというSNSのに「.」ドットをつけてもじったのは良いアイデアだと思い、自分もそ

Daily UI #005

今回の課題は、アプリアイコンです。 普段はiPhoneを使っているので、iosアイコンに的を絞り作成しました。 今回も自分の趣味から着想して、サウナのアプリにしました。具体的には、「サ活」を応援する情報アプリという設定です。私はコーディングの勉強もしているですが、近い将来、プログラミング言語にも触れる機会があったら、このサ活アプリをぜひ開発してみたいと思いました。 一人でやるのもよし。誰かとチームでやるのもよし。夢がふくらみますｗ さて、今回のデザインは、憧れのサ活の格

Daily UI #004

今回は、電卓のデザインという課題に対して、何か変わったものにしてみたいと思い、ネコのシルエットや肉球をボタンの形にしてみました。 いつもPinterestを参考にさせていただいていまして、今回もなるべくシンプルで分かりやすいデザインにしました。ちょっと色使いが多かったかなって反省しています。ネコのシルエットももっとシンプルなものが欲しかったが、絵が描けないので、フリー素材を使わせていただきました。 制作時間は構想を含め、２時間でした。

Daliy UI #003

今回は課題に対して、一からストーリーを練りました。 ランディングページは、「販売」「BtoB」「問い合わせ」「集客」の目的としたものがあるのですが、今回は「販売」を選びました。 私の趣味というか、好きなことの一つに「謎解き」があって、それを上手くランディングページにできないかと考えた結果、謎解きのサブスク「なぞスク」が頭に浮かびました。 後は、ランディングページの構成をなるべくシンプルなものにして、下記のようなものができあがりました。 3日間かけて作成したので、けっこう

クレジットカード決済