【⚠️今が最安値!!今後予告なしで値上がりします】
レイアウトテンプレ340種類+各レイアウトの使いどころやポイントの徹底解説付き✍🏻
さらに購入者へFigmaデータ付きの豪華特典あり⋆⸜🌷⸝⋆
こんにちは!凪つかさ(@nagitks_design)と申します。
本Tipsをご覧いただき、ありがとうございます!
すべてのWEBデザイナーの助けになれるよう身を削って作成したので、ぜひ最後まで見てもらえると嬉しいです。
❚ こういうのが欲しかった!の声、続出中!
noteで以前売っていたときの口コミになります。
X(旧Twitter)、インスタでの感想シェア大変嬉しいです😭
DMもありがとうございます!長文の感想までとても励みになります😍



本Tipsはnoteのときから大幅にアップデートさせた内容になってますので、ぜひご期待ください!
❚ こんな方におすすめです。
- デザインを学んだが、いまいち実務への活かし方が分からない
- デザインの引き出しが少なく、参考デザインを探すのに時間をとられる
- いつも同じようなテイストで、凝ったデザインに仕上げられない
- 手抜き感・テンプレ感のあるレイアウトから抜け出したい
- WEBデザインの工夫の仕方を学びたい
- グラフィックデザインではなく、WEBデザインで使えるものが知りたい
- デザイン集を使うことで効率アップを図りたい
- 修正を依頼されたときにさくっと提案できるようになりたい
- 未経験から独立したので、デザイン力を身に付けたい
❚ 凪つかさってだれ?
「こいつ誰やねん」という方に軽く自己紹介です。
未経験から3ヶ月でフリーランスWEBデザイナーとして独立し、初月で売上40万円達成。
その後、WEB制作会社に入り、個人での仕事を続けながらも総合ディレクター、デザイナー、ライター、マーケターなど幅広い業務を2年間担当いたしました。
現在は個人でWEB制作やメンターの仕事を受けています。
Xでデザイン現場についてのノウハウを配信中なので、良ければフォローお願いいたします!
https://twitter.com/nagitks_design
❚ 本Tipsの内容
- 「WEBデザイン用レイアウトテンプレ340」のデータ配布
- 基本的なレイアウトルールの解説
- データ内の各レイアウト、デザインについて解説
- 最後に- センスは必須?求められる「デザイン力」とはなんなのか
- 購入者限定特典「タイトル・ボタンデザイン100選」について
データはこんな感じになります↓
※PDFになります。Tips内にURL添付いたしますので、そこからダウンロードをお願いいたします。

そして、ただデータをお渡しするだけでなく、各デザインについての解説を記載しております。一緒に確認することでツールとしてだけでなく、勉強にも使えるTipsになればと思います!
❚ このTipsに込めた想い
1. 駆け出しデザイナーのつまづくポイントを解消したい
デザインを学んだばかりのデザイナーはまだ基本中の基本を身に付けただけに等しいです。
そのため、デザインの引き出しが少なく、参考にしたデザインとデザインの掛け合わせが苦手な場合が多いです。(私もそうでした……)
そんな方にテンプレを多く伝え、解説と合わせて毎日のように眺めてもらうことでデザインの引き出しを無限に増やす方法を学んでほしいと思っています。
2. 意外と参考になる本が少ない現状を変えたい
私がWEBデザイナーになりたての頃、特に苦手だったのがレイアウトとあしらいでした。どうにかさくさくデザインできるようになりたいと本を買っても、チラシやパッケージなどのグラフィックデザイン向けが多く、結局ギャラリーサイトで参考になるものを探す日々……。
「こんなときにWEBデザイン専用のデザインがたーくさんまとまった本でもあったら……」
そう思っていたことを思い出したことがきっかけです。ぜひ覚えてしまうくらい参考にしてください!
3. デザイナーの課題である効率化を意識してもらいたい
参考のデザインを探すことはいい勉強になったので、みなさんにも続けてほしいですが、いかんせん時間が取られる!!
探している時間を工数に加えて請求するのも気が引けてしまい、、時給換算で1,000円以下になってしまうこともしばしばありました。それではせっかくフリーランスデザイナーになったのにモチベ―ジョンが下がってしまいますよね……。
コーディングはやればやるほど効率化は約束されています。しかし、デザイナーは考えることが案件によって違うので、感覚でやってしまっていては効率化は到底できません。
そこで本Tipsを参考に、効率化を意識してもらい、すべてのWEBデザイナーの時給単価を上げられればと思っています。
❚ Q&A
Q. この価格は高いのでは?
A.正直、安すぎだと思ってます!笑
どこを探してもこれほどまとめてある本もブログも投稿もないです。裏を返せば、webデザイナーは引き出しの多さを身につけるまで、一つ一つ調べる時間が必須ということです。この時間さえなければ時給上がるのに!という方も多いはず。
その膨大な時間がたった1回外食を我慢するくらいで買えるのなら安いと思います。(しかも買い切り!)
Q. なぜグレーレイアウトなの?
A. カラーや細かいデザインがはいってしまうと、そのデザインに引っ張られやすくなります。そうすると、なかなか自分の力でデザインを完成させたという体験ができず、自信に繋がらない場合が多いです。
あくまでレイアウト・工夫デザインの仕方を参考にしてスキルを磨いてほしいので、このような形にしました。
Q. 完成イメージはある?
A. ありません。先に述べたように、完成デザインに引っ張られないよう、あえて載せておりません。ぜひ自身で完成イメージを作成してみてください。
Q. PSDやFigmaデータなどはある?
A. ご用意しておりません。PDFでもかなり重いデータとなるため、もっと重くなるPSDやFigmaデータについては厳しいと思ったからです。申し訳ございませんが、ご容赦ください。(特典のみFigmaデータを付けました!)
Q. 値上がりの予定はある?
A. あります。今が最安値です。今後は売れ行きを見て予告なしに値上げしていくので、早めにお買い求めください。
❚ 特典について
購入者限定特典は「タイトル・ボタンデザイン集100」という、タイトルデザイン50種類、ボタンデザイン50種類を収録したPDFとFigmaのデータをお渡しいたします!
なんとこれ、200サイト以上見て似てるデザインは省いてまとめたもの。基本の型から応用の型まで、ほぼほぼ網羅されてます。

特典についても嬉しいお声が😭
本当にありがたいです!

それでは本編でお会いしましょう!!
