--- tags: Internship title: LP study --- {%hackmd theme-dark %} [参考資料掲載ソース](https://hrnote.jp/contents/contents-1029/) ## 全体的に - 基本色(白、もしくは優しい色)がある。 - 他の色を使っても2回ほど - 見やすさを意識して基本色に近い色で段分け(とても薄い、グレー、パステル(?)な色合い) - - https://www.zoho.com/jp/people/ ![](https://i.imgur.com/fokEwwL.png) https://optage.co.jp/business/ ![](https://i.imgur.com/DSiAtZq.jpg) https://jobcan.ne.jp/![](https://i.imgur.com/ArF9aGP.jpg) ## 構造 ### キャッチコピー(最初に目に付く) #### 文言 - メインが15~25文字程度 - B体で太く - 場合によってはメインのすぐ下に説明書きがメインの倍の字数である。 #### ビジュアル - ここだけ色が違う、もしくは強めの配色 - ボタンは目逃せないようなとてもはっきりした色 ![](https://i.imgur.com/tsXP2vP.jpg) ![](https://i.imgur.com/zfI37v2.jpg) ![](https://i.imgur.com/YTuysJw.png) ### 機能説明 キャッチコピーの後は基本機能売りどころ(使いやすさ、サポート)が多く、実際のケースの説明はほぼない。数は3〜5ほど。多い場合はグリッド化 #### 文言 - 10文字程度の簡単な説明、〇〇な△△ - 色がはっきりしている。 - その下に細かな説明が書いてある。長さは一定でない。 #### ビジュアル - 1つ1つがはっきり分けてあるデザイン。 -  文言に関連したイラスト(シンプルなもの) -  上からイラスト、メインの文言、説明、という並び ![](https://i.imgur.com/IMGPruH.png) ![](https://i.imgur.com/jg0KB95.png) ![](https://i.imgur.com/R7TWssT.png) ![](https://i.imgur.com/GrzId3P.png) ### 悩み例、提案 悩み例は単純に、提案は長めに #### 文言 - 〇〇な悩みありませんか?や〇〇な悩みを解決します から始まる。 - 〇〇したい、△△が大変、などシンプルなものが多い - 上記の悩みに対して提案を1つの文章にまとめている場合と、悩み例に対し、1つ1つ丁寧に書いている場合がある。 #### ビジュアル - 悩みの頭に色つきのチェックマークや中点 - 人のデザイン、もしくは悩みに関連したイラスト。 - - ![](https://i.imgur.com/cHgwq6b.png) ![](https://i.imgur.com/Rf3hsDA.jpg) ### #### 文言 - #### ビジュアル -