seya's ほぼ Daily UI

〜ほぼ Daily UI vol.58〜 Shopping Cart

参考にしたサイト・アプリ Nike https://www.nike.com/jp/ja/cart 合計の部分だけフォント違うけど何目的なんやろ Amazon https://www.amazon.co.jp/ref=navm_hdr_logo デザインを考える上でのポイント個数を選ぶUI 普通のプルダウンにするかこう言う感じのやつ削除の位置 Amazonみたいにアイテム自体の情報の下にアクションを集めるパターン。個数表示で1からマイナスにするときはゴミ箱にすると言

〜ほぼ Daily UI vol.57〜 Video Player

参考にしたサイト・アプリ YouTube Twitter Frontend Masters デザインを考える上でのポイント動画の視聴を邪魔しないように最小限に動画のコントロールは動画を見ながらでもストレスなく操作できるように半透明にしたり、あまり縦に長くなりすぎないようにする必要がある。全画面前提なら、下の方に余白を固定で作るとかもできるかもしれない。 Hoverをコントラストを下げることによって分かりやすくする Netlifx では他の要素を薄くすることによ

〜ほぼ Daily UI vol.56〜 Breadcrumbs

Hint: NOT the edible kind. ;) Although a seemingly small detail, breadcrumbs are quite necessary yet often neglected in terms of appearance and functionality. And to truly achieve great design sense and skills you need to consider even the

〜ほぼ Daily UI vol.55〜 Icon Set

参考にしたサイト・アプリ自然モチーフいいお天気かなデザインを考える上でのポイント情報量を揃えるこちらの記事で説明されている通り、セットの中でディテールの量を揃える大きさによって情報量を変える例えば 16px で使う想定のものにそんなにディテールは詰められない。だが大きいアイコンに情報量が少ないと間抜けな印象を与えかねない。なので利用されるシーンに応じてデザインも少し変える。自分のデザインあつ森のアイコンを作ってみようと思う虫取り網、釣竿、じょうろ

〜ほぼ Daily UI vol.54〜 Confirmation

Hint: Design a Confirmation UI element. What's being confirmed? Is it confirming an address, order, shipping, plane tickets, hotel reservation, dinner reservation, booking tickets to the opera, or something else? Also consider where it's oc

〜ほぼ Daily UI vol.53〜 Header Navigation

参考にしたサイト・アプリ Stripe https://stripe.com/jp note 右上にCTA置くの良さそう Slack GitHub https://github.com/ ここCTAがお月様表現しててめちゃくちゃいい。デザインを考える上でのポイント右上にCTAを置くアプリケーションなら主要なアクションだったり、CVに直に紐づくような導線を右上に目立つように置くのが良さそう。ナビゲーションとして設置するページの取捨選択ヘッダーはグローバル

〜ほぼ Daily UI vol.52〜 Logo Design

Design a logo. Will it be animated? In what capacity will it be used? Branding is generally a serious matter for most companies and the considerations for size, placement, color, etc. should be thought out carefully. 参考にした記事デザインを考える上でのポイ

〜ほぼ Daily UI vol.51〜 PressPage

Create a Press Page. Think about who you are representing and what important information you should convey. Is it for a new startup? A huge global brand? A nonprofit organization? Or a small local business? Or is it actually for a person su

〜ほぼ Daily UI vol.50〜 Job Listing

参考にしたサイト・アプリdribbble https://dribbble.com/jobs Google Job URL Linkedin Figma https://www.figma.com/careers/ シンプルに職種名のみ。コーポレートサイトならこれでいいのかもデザインを考える上でのポイント住所・職種・年収などの重要な情報が他の情報から独立して見やすくする一覧なので、まずは限られたスペースの中から興味を持って詳細に行ってもらうことがゴールにな

フォローしませんか？

2020年9月の記事一覧