見本/トレース 考察 最初に大きめのロゴをいれると、必ずサービス名が目にとまる。（全く知名度のないサービスだと逆効果かもしれない） 目立たせたい文言（「500」や「31」「無料！」等）の文字サイズを大きくすることでメリハリがつく。 3つのポイントの背…

見本／トレース 所感 青〜緑のグラデーションが目を引きます。グラデーションをかなり調整したのですが、青みが足りないですね。。 このバナーを見た人は「オーディオ広告ってどこに？spotifyか！（または、spotifyって？）くわしくしりたい！」って思ってク…

見本／トレース まとめ 所感 デザイン 使用されている色が少なく、きれいにまとまっています。 「詳しくはこちら」ボタンの左端が斜めになっていることでスタイリッシュさ、スピード感が出ていて好きだなあと思いました。 「カワイイとカッコイイを一つのデ…

最近、いろんな方のブログなどを拝見して、バナーのトレースを100個やるのは当たり前なのか！と知ったので、WEBサイト・アプリのトレースと並行しながら、バナーのトレースを行うことにしました。こちらは毎日やっていきます！ まずは1つめです。お気づきの…

対象サイト 憧れているTRYMOREさんが手がけたWEBサイトをトレースしました。デザインはもちろん、スマホで見た時の遊び心があるデザインにも心打たれました。 sp.universal-music.co.jp トレースしてみました まとめ 気づいたことなど こういうの（呼称があ…

対象アプリ Google カレンダーのiOSアプリをトレースしました。 https://www.google.com/calendar/about/ webサイトもかっこいいですね…！ ※DMM AUTOのアプリのトレースをしようと思ったのですが、車を所持していないので肝心な部分に進めることができず断念…

仕事でSketchを使ってデザインをさせていただくことになったので、早速インストールし、練習がてらアプリのトレースをしてみました。トレースは別の記事で紹介し、今回はSketchの使ってみての感想やXDの違いをメモします。 使い方・参考になった記事 Sketch…

対象webサイト https://auto.dmm.com/ 初めて見たときの印象は、ポップで可愛い！でした。「クルマを売る」ってとてもめんどくさそうで近寄りがたいのに、WEBサイトをみてると楽しいし「わたしにもできそう（クルマもってないけど）」と思えてきたので、デザ…

先輩から教えていただたいのですが、こちら目からウロコでした。 photoshopvip.net ボタンの順番をPCとモバイルで変更したい！とか言う時に使えるテクニックが紹介されています。

対象webサイト https://bosyu.me/ 見本・トレース ログイン後の画面のトレースになるので、割愛します。 トレースしたのは、トップページ、募集作成フォーム、管理画面の3つです。 まとめ 画面操作で迷わず、サクサクすすめられるのが、使っていて楽しかった…

下図のように2色の背景で角丸枠を作る方法を30分ほど考えてたのですが、こうすればいいんだ！と気づいたのでメモします。 ※マジマジのマジでたいしたことないです

備忘録として色々メモすることにします！ CSSで画像を中央寄せにするのにmargin: ● auto;を使ってもうまくいかなかった時の原因について。

模写させていただいたwebサイト https://sakumastudio.com/ 見本 画像データがアップロードできないので割愛します。 トレース アニメーションがすごかったです。 建築すきなので見ているだけで楽しく、サイトもすごく綺麗だなという印象です。 今回カード形…

デジハリさんのLPをトレースしました。 模写させていただいたwebサイト https://online.dhw.co.jp/lp/webdesigner/ 見本 トレース 派手じゃないけど、訴求がすごく伝わってくるのは、目立たせたいところでメリハリをつけているからかな？と思いました。 例え…

5/23 23:10 まとめを追記しました 模写させていただいたwebサイト https://giginc.co.jp/ 見本 トレースしてみました アニメーションもトレースできたらいいのにって思いました。 どこをみても、かっこよくて、テンション高まりながら作業していました。 や…

模写させていただいたwebサイト http://www.pwc-internship.com/ 見本 ワイヤー ワイヤーとよべるのか？笑 情報の境目に線をいれるなりしないと見返したときに意味不明かも。 反省 トレースしてみました 見出しなど画像が使われていた部分のトレースは、なる…

きょうからトレースをやるぞ！と決めました。 目標 １週間に１トレース！ WEBサイト、LP交互に行う ふるいたった記事 liginc.co.jp トレースのメリット ・デザインの細部を確認できる ・ 配色やレイアウトなど、デザインのトレンドを学ぶことができる ・ ど…

今 都内のツールベンダーでCSをしています。 お客様とお話していく中で「お客さんにとってこの画面だと使いづらいんだな」ということがあったり、新機能のUI設計に若干ですが関わらせていただけるようになったので、ツールの設計やUIデザインを自分でやりた…