名古屋・東京の空間ブランディング・店舗デザイン事務所 コムデザインラボ

日常

Webデザイン前の手書きラフ

Webデザイン前の手書きラフ
  • good (6)
  • hint (1)
  • action (0)
  • fan (1)
  • support (2)
  • surprise (0)
担当者画像

この記事を書いた人スタッフ バン

デザイナー(グラフィックデザイナー・WEBデザイナー)兼コーダー。 名古屋学芸大学卒業後、web制作会社を経て2021年2月に正社員として仲間入り! 日本タイポグラフィ年鑑2022入選。

profile
えっかわいいー!

スタッフナカグロが、仮で人物写真やイラストが入る予定の箇所に、とりあえず描いていた簡易的な人間イラストを可愛いと、言ってくれたので(ちょっと調子乗って)ブログ記事にします苦笑

Webデザインのラフ案

Webサイトのデザイン制作に本格的に入る前に、ここにこんな内容を載せます、こんな感じのレイアウト予定…
とまずは大掴みにわかるようにワイヤーフレームと呼ばれるものを作成するのですが、私は手書き派です!(ちゃんとイラストレーターでデータで作るスタッフもいます)

iPadのアプリでいつも描いているので、だいぶそんなワイヤーフレームの時に出現する簡易的人間イラストが溜まってきたのでまとめました笑

私が担当させていただいているプロジェクトのオーナーさんは、もしかしたら「これはまさかあのページのあの場所では…!?」と気付かれるかもしれませんね…

Webデザインのラフ案

とにかく人間だとわかればいいやって感じで、いつも描いているので丸に目とくるんとした前髪だけ、というシンプルスタイル。

Webデザインのラフ案
Webデザインのラフ案

女性の場合は、さらに横髪としてもう一本だけ線が増えます笑

Webデザインのラフ案

こちらは、比較的丁寧に描いたやつですね…

Webデザインのラフ案

そしてこちらはボツになりましたが、もう少し迫力のある(?)簡易的人間イラストたちです笑

こんな感じでいつもWebデザインが始まります!!
みせづくりブログ これから開業する!お店をもっと良くしたい!という人向けにノウハウ記事まとめ!

\ コムデザインラボのブログは一味違う!? /アクションでブログに参加!

見るだけではないブログ

\ 見るだけではないブログ /

コムデザインラボのブログは、見るだけではありません!見てくださっている方に「参加」してもらいます!
スタンプで気持ちを贈ろう

\ スタンプで気持ちを贈ろう /

6種類のスタンプをご用意しました!記事を読んだら是非スタンプで感想を贈ってください!
何度もスタンプを押せる!

\ 何度もスタンプを押せる! /

しかも、スタンプは何度でも押せちゃいます!沢山押すと良いことあるかも…?
いいね!

いいね!と
思ったらまずは
このハートを!

なるほど

参考になった
為になったら
このスタンプ!

ファイト!

応援している
頑張れ!と
思ったらこちら

行った・買ったよ

お店などに行った
商品を買ったら
ポチっと!

ファンです

お店やオーナーさん、
KOMスタッフへ
伝えよう!

ガーン

びっくりした
ショックな
記事に!

close
↑
すごい!デザイン相談会 詳しくはこちら