ノンデザイナーでもイケてるLPを作成する方法 - Qiita

はじめに イケてるは誇張かもしれませんが社内にデザイナーがいなく、 エンジニアにランディングページを作ってと振られたときのケースを想定して ノンデザイナーでも体系的にCSSコーディングすることでそれっぽいランディングページを作成できることを目的としてます。 デザインは一朝一夕でできるものではなく、ブランディングに関わる部分の画像に関しては、商材の撮影やPhotoShopやIllustratorで専用のアイコンやロゴ画像を別途制作する必要があります。 本格的に作成する場合はやはり本職のデザイナーさんに依頼した方が良いでしょう。 （それっぽいといったのは今回はそれらのブランディングに関わる画像の作成を省いて、素材画像やCSSでごまかしているからです。） 今回はCSS Designerという仮想CSSエディターの商材を想定してランディングページを作成しました。 作ったページ全体のサンプルはこちら

[idocci22]

“LESS”

[mosco-mule]

ノンデザイナーでもイケてるLPを作成する方法 イケてるは誇張かもしれませんが社内にデザイナーがいなく、 エンジニアにランディングページを作ってと振られたときのケースを想定して ノンデザイナーでも体系的にCSSコ

[snjx]

LP=ランディングページ

[kei_0000]

デザインのこと等が簡潔にまとまっている。あとでまた読む

[anpaku]

勉強になります。

[mr_mayama]

h2に悪癖が出ている

[fujinyo]

“FLAT ICON DESIGN”

[likr]

デザインにおける黄金比って胡散臭いと思ってしまう

[Tomato-360]

参考になる

[itouhiro]

「HTMLとLESS(CSS)でLandingPage作成。デザイン4原則。黄金比白銀比。配色(補色、類似色)。デザインガイドで統一性。パーツ粒度管理。素材購入フリー素材。CSSの小技。商標。SEO。OGP。モバイルフレンドリー。高速化。AMP対応」

[kaakaa_hoe]

LPって何？レコード？

[ngsw]

黄金比、白銀比のこの画像の初出がわからん http://ggdesign.blog48.fc2.com/blog-entry-106.html ? https://www.google.co.jp/search?q=%E9%BB%84%E9%87%91+%E6%AF%94+%E7%99%BD%E9%8A%80+%E6%AF%94&tbm=isch&tbs=simg:CAQSlQEJTGH8jUj9Uc0aiQELEKjU2AQaAggKDAsQsIynCBpiCmAIAxIo1xPYE-sHghPaE9kThBPu