seya's ほぼ Daily UI

〜ほぼ Daily UI vol.49〜 Notifications

参考にしたサイト・アプリ Qiita qiita.com Pinterest Facebook PayPay タイムラインみたいにして表示してるの珍しいデザインを考える上でのポイント割と Activity Feed の時と結構似ていると思う。左側にアイコンを置いて通知の種別がすぐに分かるようにする。自分のデザイン PayPayトレースしながらあつもりSNS作る思ったこと落ち着いた色合いいい

〜ほぼ Daily UI vol.48〜 Coming Soon

参考にしたサイト・アプリペルソナ5 http://blog.gamekana.com/archives/8335813.html デザインを考える上でのポイントワクワク感が与えられれば良さそう多分目的としては「こんなのが出るよ！楽しみに待っててね☺️」ということを伝えることだと思うので、何かしら惹きつけられればゴールが達成されたと言えると思う。自分のデザインパンがもうすぐ焼けるよ！という意味でのComing Soonを作ろうと思う。思ったこと今まで作ってき

〜ほぼ Daily UI vol.47〜 Activity Feed

参考にしたサイト・アプリ YouTube Twitter GitHub デザインを考える上でのポイント左側にアイコンを置いてそのアクティビティの種類が分かるようにする左になんらかのアイコンが置いてあって、右側のアクティビティの内容から独立していると、流しながら見ても種別が分かりやすい。色が分かれているとなおよしだと思う。ザーッと眺められるように縦幅は長くならないようにする特にアクティビティが多い場合は、ガーっと見ていくと思うので、ザーッと見られるように一つ一つ

〜ほぼ Daily UI vol.46〜 Invoice

参考にしたサイト・アプリ PAY NOW っていうCTAいい感じデザインを考える上でのポイント重要な情報がすぐに確認できる住所と総請求額が一番重要な情報だと思うので、住所は上部に独立した位置に置いてあげて、総請求額は下の方にこれまた独立して見やすいように配置してあげると良さそう。自分のデザインクリスマスのECサイトみたいな感じで作る思ったこと途中で背景色を変えるパティーンいいな。 Avenir というフォント、Futuraほどは個性がなくて使いやすい

〜ほぼ Daily UI vol.45〜 Info Card

要するにカードUIってことで合ってるかな。「リストで表示されるもので、あるオブジェクトの情報を詰め込んだもの」と定義して作ってみる。参考にしたサイト・アプリ Uber eats YouTube Music YouTube Airbnb デザインを考える上でのポイント優先度のメリハリをつける複数の情報を1カ所にまとめるので順番や色、大きさなどでメリハリをつける。Uber eats の信頼度みたいなものみたいに、テキストを小さくしても有彩色を付けてあげると望んだ印

〜ほぼ Daily UI vol.44〜 Favorites

参考にしたサイト・アプリ Twitter ただのツイートのリスト GitHub Airbnb Pinterst 画像の高さに規則性とかってあるのだろうかデザインを考える上でのポイント一覧性を高くするお気に入りの目的はブックマークとしての役割か、ほんとにいいねと思ったものにつけるか、もしくはその両方だと思う。どちらにしても一覧性を高くして後から振り返る時に探しやすい状態にするのが重要だと思う。最初のオブジェクトごとに最低限必要な情報を整理して、そこからU

〜ほぼ Daily UI vol.43〜 Food/Drink Menu

多分リアルなメニューとWebなどから参照される場合で求められるデザインが違うと思うので、今回は後者に絞ってリサーチ&デザインしてみようと思う。参考にしたサイト・アプリマック https://www.mcdonalds.co.jp/products/6600/ Uber eats ポケモンカフェ https://www.pokemoncenter-online.com/cafe/menu/#special?id=special01 デザインを考える上でのポイント一

〜ほぼ Daily UI vol.42〜 ToDo List

参考にしたサイト・アプリ Todoist https://todoist.com/app Google Todo 日付で分かれてるのいいアイデアかも。その日の内に終わらなかったら繰り越し表示とかならありか？デザインを考える上でのポイントすぐにTodoを足せる & 消せる優先度的にはこれらのアクションが最高だと思うので、すぐに行えるような位置に配置する。具体的にはGoogle Todoみたいにナビゲーションの真ん中に追加ボタンを置くとか良さそうタスクが優先度ご

〜ほぼ Daily UI vol.41〜 Workout Tracker

Create a UI related to monitoring health or tracking various workout/training routines. It could be for a personal workout, for a team, or even gym equipment tracking someone's workouts. 参考にしたサイト・アプリ Nike Run デザインを考える上でのポイント成長が実感しやすいようにす

〜ほぼ Daily UI vol.40〜 Recipe

参考にしたサイト・アプリ Allrecipe https://www.allrecipes.com/recipe/229780/baked-denver-omelet/?internalSource=streams&referringId=1642&referringContentType=Recipe%20Hub&clickId=st_recipes_mades クラシル bbcgoodfood 材料と手順をタブで切り替えられるようにしてるのいいかも知れないデザイン

〜ほぼ Daily UI vol.39〜 Testimonials

あんま日本のサイトだと見かけない気がする。参考にしたサイト・アプリ Frontend Masters Twitterで呟いてくれて許可もらえるならこれでいい気もするこれいい感じ。あえてレイアウトを崩してユーザを際立たせてるのいいかも。デザインを考える上でのポイント訴求内容に合わせた写真選びをする基本的にこういった口コミみたいなのは自分たちが訴求したい内容を後押しするためのものだと思う。そのリアルの人物の実際の紹介文言なら選択肢はそんなにないと思うが、そ

〜ほぼ Daily UI vol.38〜 Calendar

Hint: Design a Calendar focused element. Is it for scheduling an appointment? A reservation, flight, hotel, or concert calendar? Is it a calendar reminder feature? For email or something else entirely? 参考にしたサイト・アプリ Google Calendar Airbnb

〜ほぼ Daily UI vol.37〜 Weather

Hint: Design something related to weather. It could be a UI for a mobile app a web app, or something completely different such as a weather alert widget. Consider its elements: city, temperature, forecasts, colors, weather icons/graphics, e

フォローしませんか？

2020年8月の記事一覧