dailyUI

〜ほぼ 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みたいにアイテム自体の情報

もっとみる
ありがとうございます!
5

DailyUI#014

ひねりなく…

動きを想定してみたもの

タイムを設定し,スタートをすると円が小さくなりカウントダウンスタートするモーフィング

もっとみる

DailyUI #013

Direct Messaging

ひねりがない…(ひねりがない)

タブレットとかデスクトップとかだと,横レイアウトで構成されているものが多い。

ひねりはないけど,オーソドックスなものほど,馴染んでいる証拠だし,極端に変化を加えると違和感に繋がる気がする。

もっとみる

DailyUI#012

DailyUI#012  「E-Commerce Shop」

ショップのサイトは≒カタログで紙面デザインが洒落ている。大きくイメージをバンッ!と最初に掲示してる。白を基調しているものがおおい印象。

https://hare.jp

今回トレスさせてもらったのがこちら

写真を拝借しました。

https://sanpo-online.jp/

もっとみる

UIデザインチャレンジ:Daily UI #001-#010

デザインの練習にちょうど良いチャレンジがあると知って、早速始めてみました。

DailyUI
https://www.dailyui.co/

DailyUIは、毎日届くお題でデザインをし続けるチャレンジ。全部で100題あり、平日に1題ずつ届きます。(土日はお休み)
詳しくは、いろんな方がまとめてくださっているので調べてみてください。

日々の制作物はツイッターに流していますが、まとまった数になっ

もっとみる
ありがとうございます!
4

DailyUI#010

Social Share

アプリ・Webページ・そのコンテンツ・レイアウトなどによって様々かわってくる。

今回はFramerの練習を兼ねていろいろ作ってみた。動きがあるとわかりやすい…!(雑多なただのメモ)

もっとみる

DailyUI#009

Music Playerです。

アルバムリストと再生中の画面を制作しました。

リサーチ時に1つ気になったのが,再生バー

1,直線のバー。動画再生などによくあるオーソドックスなもの。左から右へ移動し,色が変わるスタイルのもの

2,円形のもの。Youtubeの動画再生後に現れる次の動画までのカウントダウン的な,時計回りに回るもの。

この2のデザインが非常に多かったのだけど,違和感も大きかった

もっとみる

DailyUI#007

少し日にちが空きました。
#007「Settings」

前回の「UserProfile」のデザインを踏襲し,今回は少しパターンを出してみました。

いろいろ出してみた。

「プロフィールを編集」ボタンを最初つけていたけど,直後にアカウント設定があって重複している気がしてやめた。(架空のものだけども)

プロフィール設定の入力のデザインも同様

(あまり色で分けるのは得意でないので場数をこなした

もっとみる

DailyUIに1ヶ月チャレンジしてみた Vol.4

皆さんこんにちは!ホマレです。最近はELLEGARDENのYoutubeLiveを楽しみに生きています…!そんな私ですが、7月28日からCocoda!さんが企画されている「DailyUI」をやっています。今回は4週目で最終回です。Twitterにあげたものをここにまとめていきます。

DaylyUIとは?
「DailyUI」とは、Cocoda!が運営している「毎日お題に沿って制作することで、UIデ

もっとみる
わーい!ありがとうございます(*´ω`*)
10

DailyUI#006

ゆるく着実に進めていきます。
#006「プロフィール画面」です

なんのアプリにするかを考える

Dribble,Pinterestなどを参照しました。そこで多いのはインスタグラムのような画像投稿アプリのプロフィール画面が多かったが,アプリの目的によっては,表示される項目は異なる。

今回は「画像投稿アプリ」(参考:インスタグラム)と「ビジネスアプリ」(参考:LinkedIn)を想定

必要項目

もっとみる