充実した毎日とは、たった2時間の「最高なひととき」によって得られる。なぜなら、人は目標を達成した時に得られる「いい感情」を求めて物事をがんばるので、自分にとってのいい感情を知り、日々それを感じとれることをおこなうと幸せを感じることができる。 本書では、「自分を幸せにしてくれるものリスト」を「3つの幸せ」に分類して行動するコツを教えてくれる。これにより、 「好きなこと」×「好きな自分」=「成功している」 という公式が導き出せる。読了後、私は本書で紹介された3つのこ
だいぶ気が早いですが、2025年のデザインをしてみました🐍
今回はレシートのUI設計です。 参考にしたデザインは、Nikhil Varghesさんのこちらの作品です。 私は、#012のスマートウォッチのデータを活用して、同じようなレイアウトを日本語で置き換えてみました。 今回学習できたことは、フォントサイズは４種類まで、フォントウェイトは２種類まで。レシートだからカラーではなくモノクロが良かったかもしれないが、あえてデバイスに届くという設定でカラーにしました。 そして、黒文字は#000000を使う場面はほとんどなく、どちらかとい
今回の課題は、オーバーレイ広告ということで、またまたトレースをさせていただきました。 参考にさせていただいたのでは、Aby Abrahamさんのこちらの作品です。 https://dribbble.com/shots/3097716-Pop-Up-Overlay-Daily-UI-016 同じフォントも画像もなかったので、似ているフォントで代用しました。 文字間隔はなるべく合わせました。画像もNIKEの公式ページより拝借しました。 画像にグレーの文字がかかってしまってい
前回からだいぶ時間が経ちましたが、Daily UIの課題の続きをやります。 私にはだんだん難しく感じてきたので、とりあえず100課題を完走することを目標にしたいので、トレースも有りとしました。 という訳で、今回はPinterestで見つけたデザイナーさんの作品をトレースさせていただきました。 今回は、初めて「Component」と「Variant」「Auto layout」を使ってみました。そして、プロトタイプで動きをつけました。以下がトレースしたものです。 GIF作成
今回の課題はタイマーでした。ポモドーロタイマーにしようと思いついたのは良かったですが、そこから素材探しが大変でした。イラストを自分で描いてみたりもしたが、あまり納得のいくものにならず却下。 結局、真上から見たイラストと手書き風のイラストを採用し、下記の２つを作成した。 難しかったので、ちょっと日数がかかりました。 今後はもう少し効率よくやりたい。
今回はダイレクトメッセージのデザインでした。 以前、#006の課題で作成した「ユーザープロファイル」と同じ設定でいこうと思い、新たに男性の画像をダウンロードしました。 SNSの中のダイレクトメッセージという設定で、特に変わったことはせず、普段使っているSNSのデザインを参考にしながら制作しました。また、Pinterestにもよいアイデアがあったので、下記のUIを参考にしました。 私が作成したのは、こちらです。制作時間は3時間でした。 出来上がってみると、メッセージ欄はもっ
今回の課題はECサイトです。 この課題に対してまず私が考えたのは、扱う商品のことでした。 Pinterestや先輩たちのブログを拝見すると、靴や洋服をデザインしたものが多かったので、ちょっとズラして腕時計にしました。 初めは写真のフリー素材を使うつもりでしたが、とあるブログでは実際のブランドの写真を拝借するやり方を知り、私も真似しようと思いました。 普段は、Xiaomi のリストバンドを使っているので、これを今回の素材に使う事にしました。参考にしたデザインは下記の通りで
今回はフラッシュメッセージのUI設計です。アイデアを拾うためにPinterestを覗いたところ、動物のキャラクターが結構かわいかったので、自分もそれに倣いイラストを描いてみることにしました。 季節は冬。ちょうど昨晩、雪が降りました。なんとなく白くまが良いと思い、Pinterest上のイラストレーターさんたちの作品を見よう見まねでトレースしつつ、少し編集してみました。 ちなみにフリー素材も探したのですが、あまりお目当てのものが見つからなかったので、自分で描いた次第です。制作
やっと10回目に突入しました。今回はソーシャルシェアボタンです。 偶然、Instagramでのボタン作成に関する記事をみつけたので、勉強を兼ねてそのやり方を真似してみました。 「ニューモーフィズム」というボタンにくぼみをつけて立体的に見せる新しいデザイン手法らしいです。 色も白とライラックと薄グレーで可愛かったので、それをそのままトレースしました。あとは、各SNSのロゴをダウンロードして配置しました。Facebookに関しては、四角いものがなかったのでトレースして色を合わ
今回は音楽プレーヤーのデザインです。PinterestとSpotifyを参考に下記のようなデザインにしました。制作時間は２時間です。
今回は404ページです。アイデアを得るためにいつも通り検索したら、いろんなデザインが見つかってちょっと楽しかったです。 私は#001のなぞカフェのエラーページを作ることにしました。背景もちょうど良いイラストがあって、文字を少しだけ加工しました。 エラーメッセージは、イラストに合わせて少しユーモアをきかせました。 実際に探し物が見つからない時は、ひと息ついてほしいなぁというものです。
今回は設定画面のUIデザインでしたが、ほとんど人真似で終わりました。 でも、とてもシンプルにまとめられたので良しとします。
今回は指示通り、架空のユーザープロファイルを制作しました。 一番難しかったのは画像の選定でした。フリー素材でイメージ通りのものがなかなか見つからず、それで作りたいものもどんどんズレていくような感じでした。 ユーザープロファイルというのもよく分からなかったし、どのSNSを参考にしてよいかも。でも、Pinterestで偶然いいなぁと思うデザインを見つけ、それを真似しようと思いました。 tumblrというSNSのに「.」ドットをつけてもじったのは良いアイデアだと思い、自分もそ
今回の課題は、アプリアイコンです。 普段はiPhoneを使っているので、iosアイコンに的を絞り作成しました。 今回も自分の趣味から着想して、サウナのアプリにしました。具体的には、「サ活」を応援する情報アプリという設定です。私はコーディングの勉強もしているですが、近い将来、プログラミング言語にも触れる機会があったら、このサ活アプリをぜひ開発してみたいと思いました。 一人でやるのもよし。誰かとチームでやるのもよし。夢がふくらみますｗ さて、今回のデザインは、憧れのサ活の格
今回は、電卓のデザインという課題に対して、何か変わったものにしてみたいと思い、ネコのシルエットや肉球をボタンの形にしてみました。 いつもPinterestを参考にさせていただいていまして、今回もなるべくシンプルで分かりやすいデザインにしました。ちょっと色使いが多かったかなって反省しています。ネコのシルエットももっとシンプルなものが欲しかったが、絵が描けないので、フリー素材を使わせていただきました。 制作時間は構想を含め、２時間でした。
