マガジンのカバー画像

1DAY1DESIGN

49
日々、秀逸なWebデザインをトレースしている記事まとめ。
運営しているクリエイター

2020年5月の記事一覧

FVから一転。下層ページにも目を向けて、もしゃ模写。#1day1design-29

FVから一転。下層ページにも目を向けて、もしゃ模写。#1day1design-29

別に縛ってやる必要もなく。当初はFVの表現がめちゃめちゃ苦手だったので(わりとダサいかも知れない)、他の秀逸なデザインを模写すれば可能性がもっと広がるんじゃないか?で始めた本企画。

ただ、FVもそれなりにパターンがだいぶ掴めてきたので、わりとトップページ以上に悩ましい下層ページのFV部分でいい刺激にならないかと。今日は底を狙ってがんばっていきまっしょい。

そんな、29日目。

今回作成したデザ

もっとみる
ナビゲーション等に用いられている文字サイズの学びつつ、もしゃ模写。#1day1design-28

ナビゲーション等に用いられている文字サイズの学びつつ、もしゃ模写。#1day1design-28

些細な文字サイズがいいデザインを作っている。デザインをする上でやっぱり欠かせない、ナビゲーション部分。

構成にだいたい入り込んでくるナビゲーションは、サイトの使い勝手をよくするためにデザインする機会が多くあると思うのですが。自分の場合、毎回同じサイズで作ることはほとんどなく。というか、テンプレートで扱う場合は別なんですが。基本的に同じもので賄うデザインなんてないですし。

その上で、そのサイトに

もっとみる
デザインは素敵+配色について再度見直してみた、もしゃ模写。#1day1design-27

デザインは素敵+配色について再度見直してみた、もしゃ模写。#1day1design-27

男性と女性の見える、色の数。見出しの通りで。
男性と女性が見える、色の見え方、ってじつは違うことご存知でしょうか??

デザインを生業にしている人にとっては当たり前の話かもしれないのですが…自分も最初に勤めた会社で、クライアントのポスターを制作する機会があり。クライアントが女性で、ベースを「ピンク」にしたデザインを作って欲しいというお題で(詳しい内容は省きます

自分が感じた「ピンク」とクライアン

もっとみる
この上ないビジュアルを更に魅せるデザインを、もしゃ模写。#1day1design-26

この上ないビジュアルを更に魅せるデザインを、もしゃ模写。#1day1design-26

これに勝るビジュアルを探せるのか?無理です、素敵すぎですこの写真。
と、今回の秀逸なデザイン。

一度はまとめサイトで見たことがある人が多いであろう、個人的にグッと来る、なにこれ良きデザインすぎ…。と思えるサイト様。

FVでの独特なレイアウトに、素敵すぎる写真+キャッチの説得力…もう「何を伝えたいか」がどストレートに伝わる…なんだこれ、デザイン。

素敵サイトを今日も頑張ってもしゃ、模写。

もっとみる
最近良く見るスプリットレイアウトのWebサイトを、もしゃ模写。#1day1design-25

最近良く見るスプリットレイアウトのWebサイトを、もしゃ模写。#1day1design-25

まとめサイトでよく見る。ここ最近Webのまとめサイトでよく見る「スプリットレイアウト」で作られたWebサイト。

画面を分割してみられる独特なレイアウトで、ビジュアル・コンテンツ、と極端に分けることで見栄え的にもすごい映えた面白いレイアウト。

マガジン系のサイトのイメージが合ったんですが、コーポレートで魅せるとどういう感じなのか??すごい興味があった+秀逸なサイト様を見つけてしまったので、勉強の

もっとみる
Webの新しい表現の可能性を垣間見つつ、今日ももしゃ模写。#1day1design-24

Webの新しい表現の可能性を垣間見つつ、今日ももしゃ模写。#1day1design-24

スクロールする際のドキドキ感。なんとなしに、自然とウェブサイトって縦にスクロールする、ていう認識を覆したサイトを今回はトレース。

いや、確かに今まで色んなサイトが横スクロールする、ていう表現をやってきてはいるんですが。どことなく、「Webの限界」を感じてしまう、Flashが全盛期の頃のような、紙のような広がりのある表現じゃなくって。狭い箱の中で必死にやりくりしているような、息苦しさを感じていた中

もっとみる
アプリデザインの細かい気配りに感嘆の声をあげながら、もしゃ模写。#1day1design-23

アプリデザインの細かい気配りに感嘆の声をあげながら、もしゃ模写。#1day1design-23

いや、ほんとにすごい。パット見て気が付かないことが、実際にそれを再現しようと思ってあーだこーだいじっているうちに「やば、これ間隔とか文字の大きさとか凄い揃ってるし、細かすぎる…」ておもうほど。

あと、配色のトーンもさることながら。とにかく扱いやすい。

画像からトレースなので、毎度のことながらフォントだったりが気になって仕方がない…こう、ぱっと文字がわかるアプリなどないだろうか…。

そんな、2

もっとみる
トレースのサイトをPCからSPへ、もしゃ模写。#1day1design-22

トレースのサイトをPCからSPへ、もしゃ模写。#1day1design-22

方向の転換。魅せ方を学ぶ、そのためにPCのほうがSPよりも表現の幅が広く。魅せる、ということを大きく学べる機会だと思っていたので基本的にトレースはPCのサイトをさせていただいたんですが。

ちょっと気分を変えて、SPの際のデザインを学ぶことに。

昨今、PCのサイトよりSPのサイトのほうがアクセスが高いのは重々承知で、SPでの魅せ方もしっかり学ばないといけないなぁとおもっており。サイトデザインには

もっとみる
Adobe Fontsの幅広さを学びながら。今日とて、もしゃ模写。#1day1design-21

Adobe Fontsの幅広さを学びながら。今日とて、もしゃ模写。#1day1design-21

こんなに使えるの?ていうぐらいに素敵なフォントが所狭しとある、Adobe Fonts(これ大文字の場所だったりあっているかすっごい不安)。

他のデザイナーさんがどう対応されているか気になるんですが。Webサイトって、和文フォントは中々扱えない(フォントにお金を払ってくれるクライアントさんは別)ので、無料フォントの中で魅せ方をあーだこーだ考えるんですが。

トレースする際は、やっぱり他のサイトのフ

もっとみる
Googlefontって素敵なフォント、ほんとに多いですよね。そんなもしゃ模写。#1day1design-20

Googlefontって素敵なフォント、ほんとに多いですよね。そんなもしゃ模写。#1day1design-20

そんなフォントに見惚れて今回のトレース、サイトのデザインはとっても素敵なんですが。今回選んだのは完全に私事。いや、そもそもトレースはじめたのもやってるのも私事なんですが…。

何かって、Lato、ていうフォントを扱っていることなんです。

元サイトを見ていただいたらわかるんですが、1つ1つの文字が素敵で、特にフック、というかやるきっかけになったのが「&」の文字。特徴的すぎるし、何より「なにこれ素敵

もっとみる
XDって縦文字出来ないモドカシサ…実は出来る…?そんなもしゃ模写。#1day1design-19

XDって縦文字出来ないモドカシサ…実は出来る…?そんなもしゃ模写。#1day1design-19

お疲れさまです。久々にガッツリ仕事が入っていたおかげで、余裕の深夜。お疲れさまです。見てくださる人がもしいるなら、本当にお疲れさまです、ありがとうございます。

お仕事の方で。久々に3日でLP仕上げるーとかが来たので、頭フル回転で他の業務とこなしてみると。まあまあ、デザインの体裁のテンションが変わる変わる…笑

ガチッとしたありがちなビジネス系のLPと、エモい(古いかも)系のガリガリのグラフィック

もっとみる
トレースする際の文言を、コピーできないモドカシサをもしゃ模写。#1day1design-18

トレースする際の文言を、コピーできないモドカシサをもしゃ模写。#1day1design-18

画像のときよ、画像。最近はウェブサイトのまとめ、とかからトレースしなくなって。今はpinterestから秀逸なデザイン。日本のデザインじゃなくって、海外のトレンドだったり、海外のデザインってどこか違う・常識が違うというのか、独特なUI・デザインをされているので。

これはこれで、なにかいい引き出しになるかなー、って最近はそうしているんですが。だいたい画像か動画になっているので、中の文言が抜き出せず

もっとみる
そういえば最近色を扱ったサイトを扱っていなかったので、意識してもしゃ模写。#1day1design-17

そういえば最近色を扱ったサイトを扱っていなかったので、意識してもしゃ模写。#1day1design-17

偏ってきたわかってます、そうですサイトトレース始める前から正直わかっていたんですが、偏ってきました。

デザインのトーンも、自分ができるスキル範囲でのサイトを選んでいるフシもある、問題だこれ。

とりあえず、ちょっと脱却じゃないですが。ココ最近配色が黒・白、の2パターンでシンプルで…と多かったので、意識的に色を扱った秀逸なサイトをトレースすることに。

そんな17日目。

今回作成したデザイン。

もっとみる
2日連続、動きのあるデザインのトレースが気になるので模写模写。#1day1design-16

2日連続、動きのあるデザインのトレースが気になるので模写模写。#1day1design-16

今日も今日とて。元気にトレースやっていきたいとおもいます。

…と、普段更新は19時頃と決めていたんですが、わりと本業(同じデザインなんですが)がバタついたじゃないですが、忙しかったので遅れることに。

ただまぁ、遅れてやってみると無性にサボりたくなるのが人間の悪いところで…。

「忙しい」ていう理由だけで。「あ、今日はいいかな?」みたいに短絡的思考になってしまう…というか、やっぱり続けてみて思う

もっとみる