デザイン作業のスピードアップ

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。

[manaten]

最初のデザインはフキダシが漫画を隠しちゃってるのも良くなさそう

[junpeso]

タイトルの画像がものすごくケバケバしくて目に負担がかかるけど、これはどういうコンセプトに則って制作されたんだろうか

[pink_dark]

「ストーリーを考えて湯煎順位を決める」例は、逆のような気がする。「先着5000名限定」→「図書券500円プレゼント」→「今すぐ応募しよう」じゃないかな。

[mut00tum]

いいこと書いてある。こういうレイアウトの基本的なことがしっかり書いてあるのはweb系では珍しいね。

[nakamura195]

“極力単色、もしくは2色で根気強くベースデザインをすることをおすすめします”

[mami-hate]

nanapiのブログでも言っていたけど、色づけ前にモノクロで作るのは鉄板なのか。トライしよう。

[nomaharu2013]

何回見てもためになる

[a08013622223103]

バナー

[touya6944]

単純に参考になった

[ponta8]

あらためて

[len1010]

バナーの作り方

[bitgleams]

2013年6月5日記事 / まずは土台を作れ。要素を置け。細部は後で。

[e-kaneko]

記事内容は多分為になると思うんだけど、サイトデザインがすごくておちついて記事にはいりこめない…！

[i_mairy]

バナーは単色で作り始めること！

[myaaoo]

デザイン作業のスピードアップ

[furakutaru]

方法は色々有りそうだけど視点はなへそ

[Hamken100per]

細部から作らずに土台作りをガンバるが、結果的にデザインのスピードアップにつながる。

[kenichirou1225]

バナーデザインの制作プロセス。

[Okky]

単色でデザインしてから色づけ、ってのは良さそうなので試す。バナーの例もいいね。

[CrasyDiamond]

お客さんの顔が見えてるかどうか

[DiscoveryCoach]

こういう話も実は好き。「色」って面白いなぁ。

[cumacuma]

ハウツーの読ませ方。適度な赤字。 "いきなり細部から作り始めると、後で破綻します。例えばレイアウトを決める前に、鼻息荒くカッコイイボタンを作ってしまうと、 「超カッコイイボタンが出来た！！！このボタンに合

[Kureduki_Maari]

『デザイン作業のスピードアップ』

[ponnao]

モノクロで最初に構成するというのは目ウロコ。迷走しちゃってやり直す時とかにはいいかもなぁ。

[kimihito]

デザイン作業のスピードアップ｜1 pixel｜サイバーエージェント公式クリエイターズブログ

[zazietokyo]

“構成はあくまで構成要素と割りきって、プランナーのセンスは無視してとりあえず要素を置きます。” 1pixelの1 pixel｜サイバーエージェント公式クリエイターズブログの記事、デザイン作業のスピードアップです。

[taxi45]

「超カッコイイボタンが出来た！！！このボタンに合ったレイアウトにしなきゃ！！」あるわぁ〜ｗ

[fukupage]

ああ、こういうやり方を忘れてた。

[motchi0214]

モノクロでもわかるようにってのが王道なんかな。

[kick178]

「よくわからない使命感に駆られる」あるある。気をつけよう。

[loose-art]

考えられるデザイナーになりたいです。

[ArcCosine]

参考になる