マガジンのカバー画像

1DAY1DESIGN

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

2020年4月の記事一覧

いいデザインって「なんだこれは…。」て漏れますよね。#1day1design-11

いいデザインって「なんだこれは…。」て漏れますよね。#1day1design-11

お題の通り。毎度トレースのデザインを探す際に、「XDでやりたくなる」ていうのも考えていて。最近ちょっとマイブームのdribbbleからトレースしているんですが、もうなにこれ。

あまりに1つ1つの作品がすごすぎて、トレースしているのが楽しくてしょうがない。というか、日本人が考えちゃうWebのデザインとはまったくわけのわからない所からデザインを作っている気がしてる、なんだこれは…。

そんなもんだか

もっとみる

Dribbbleのデザインの質の高さ。#1day1design-10

いよいよ、10日目。とっかかりの小目標で掲げていた「10日目」
無事に達成することが出来ホット一息、まずは続けていくことが大事ですからね。noteではじめたのも、人の目に触れることで「途中で面倒くさくてやめた」ていう自体を作らないように…という理由からなんですが。

最終的なゴールは100日。
デイリーチャレンジうんたらに触発されているのあるのですが、やっぱり手を動かす、ていう大事さをしみじみ感じ

もっとみる

出来ること、出来ないことの選別。#1day1design-09

出来ること、出来ないこと。トレースにしても、秀逸なFVをやらせていただいているんですが。実際に行っていると「出来る」「出来ない」のがちょっとわかってきたところもあって。

というのも、FVで独自のビジュアル(例えば3Dモリモリだったり、ビジュアル1点でシンプルなんだけど、そのビジュアルが良いから出来るレイアウトだったり)の場合。どうしてもトレースするパーツも得るものが難しいと感じるところ。

もう

もっとみる

エンジニアとのアニメーションの連携。 #1day1design-08

抽象的になりがちな、どこか難しい内容。エンジニアさんに。
いざ!デザインを作った!動きを伝えないと!…ていうときに、「じゃあどういう動きにしたいのか」を昨今テレワークが押し寄せている中、弊社もリモートでビデオ通話なり音声通話なりで、mtgしているんですが。

その中で「アニメーション」という、なんとも言語化しにくい部分をいかに伝えるか、で最近右往左往しております…。

なんとかXDでパワーポイント

もっとみる

アワードもいただけたので今後もがんばります。 #1day1design-07

ウェブのアワードをいただけました。ちょっと私事なんですが。
弊社案件で、自分がデザインを担当した「ぶどうのたね」がどうやら、「awwwards」の「Honorable Mention」をいただけることになり。あんまりウェブ関連のアワード関連詳しくないのですが、いただけたことは幸い。

ただまぁ…ノミネートされている作品が、どれもすごすぎる中で、自分が担当したものがこう並ぶと、肩身が狭いと言うかドキ

もっとみる

XDってカラーマネジメント非対応なんですね。 #1day1design-06

顔とも言える、ファーストビュー。

なんやかんやで今回で6回目。XDの使い方もそこそこ慣れてきたところで、よく使うソーシャル系のアイコンなども、XD内での素材ファイルとして保存することで時短につながっており。

SVGといったIllustratorの連携もXDでは快適に扱えるので、これ普通に実務でも使える反面。XDはそもそもカラーマネジメント非対応なこともあって、実務で扱う画像はPhotoshop

もっとみる

ここで装備していくかい? #1day1design-05

こんばんわ。今日もおつかれさまです。ブログを書き始める際に下地として入っていた文字をそのままタイトルにしてみました今日このごろ。相変わらずブログのスタートの文章考えるのが中々に難しい今日このごろ。いかがお過ごしでしょうか今日このごろ。

模写するさいにデザインのカンプを1280pxで区切って作っているんですが、サイトに寄ってレスポンシブ対応なこともあり、フォントサイズだったり各エリアを可変するよう

もっとみる

模写するスピードがつかめてきた、そんな#1day1design-04

時間を計測する、ということ。実際に1日1模写やってみるとわかる、というか。
自分の場合はファーストビューのみですが、だいたいどれぐらい作業時間がかかるのか??、というところ。

自分の場合は、だいたい1時間前後。
「ヘッダーのメニューの文字サイズは?」「ニュースエリアの各項目のmarginは?」と調べているだけで楽しいんですが、今までは調べるだけだったのでこうやって手を動かして実際に作ってみる、っ

もっとみる

模写モシャしながら1日1個。#1day1design-03

そろそろ。そろそろ、と言えるほどやっていない3日目。
模写するのは大体1〜2時間ぐらいで終わるのでノビノビやっているんですが、作り終え・・・「さ!noteに書くぞ!」てなった際に、タイトルで悩むこと悩むこと・・・。

別に縛りとかルールとか設けて無くて最後に「#1day1design-00」てつけるだけなんですが、「模写やってるよ!見てくれるとうれしいよ!」なんて寂しいアピールしている3日目。寂し

もっとみる

模写するサイト選びの楽しさ。#1day1design-02

きたる2日目。やってまいりました、2日目。
実際に作業を始める際に、参考にするサイトを今回から。「pinterestで気になったデザイン」ではなく。「秀逸なデザインをまとめていただいているサイト様から、気になったデザインを選択」。

これがまあ「楽しい」。
選ぶにしても「デザイン的にかっこいい!」のはもちろんなんですが、「自分がまず作らない傾向」+「ただ見栄えだけでなく機能的なデザイン」+「とても

もっとみる

Webのデザインを模写する日。#1day1design-01

はじめに。長いことPhotoshopでWebのデザインをしてきたので。
XDでの扱いに慣れておこうと思い。
+自分がKVでのデザインが苦手なので、そのあたりを強くしたいために。

初心じゃないですが、秀逸なウェブデザインのサイトを模写して勉強していこうかと。
名付けて「1day1design」。1日1つモシャモシャしていくこの企画。

その第一弾、頑張って続けていきたいと思います。

今回作成した

もっとみる