個人ブロガーでも真似できる!かわいいWEBデザインリンク集【画像付き】【個人的好み】

サイト運営

この記事では個人的にかわいいと思ったサイトのリンクを画像付きで紹介します。

[open title=’ちょっと前置き’] 

「かわいい webデザイン」でググると企業・キャンペーン・採用サイトのリンク集がたくさん出てきてしまいます。わたしが知りたいのは

◆ WEBサイトの種類
1.コーポレートサイト(企業サイト)
2.ブランディングサイト(商品・サービス紹介)
3.プロモーションサイト(キャンペーンサイト)
4.採用サイト(リクルートサイト)
5.ECサイト(オンラインショップ)

ページが見つかりませんでした|コラム|メンバーズ
メンバーズのWebナレッジを定期配信するコラムです。

のうちの商品サービス紹介系のブログ系のWEBデザインリンク集です。自分がやってるのはブログで、その見た目をかわいくしたいからググっているのに、いまいち自分の欲しいリンク集に出会うことができていません。(検索能力がないだけかもしれません。おすすめの検索ワードありましたらコメント欄かwebクリック後のコメントで教えてくださると嬉しいです)

また自分の思っているかわいいとは違う次元のリンク集がでてくることがよくあります。わたしの参考にしたい・真似したいかわいいは、淡い配色で最小限のアニメーションが取り入れられたシンプルなサイトです。ビビットな配色や画面の切り替えが豪華なサイトもかわいいですが、自分の求めているものではありません。

なんか書いてて自分メンドクサイ人間じゃんと思ってしまいました。とにかく、欲しいリンク集がないから自分でつくってしまおうと考えました。[/open]個人ブログサイトの方でも参考にしやすいおしゃれでかわいいサイトをまとめました。

isuta[イスタ]

[yoko2 responsive][cell][/cell][cell][/cell][/yoko2]

リンク

  1. 透明な追尾ヘッダー
  2. 統一された淡いグラデーション
  3. ハンバーガーメニューの背景
  4. 文字選択時の背景色
  5. アプリ紹介の囲み枠

[sen]

manimani

[yoko2 responsive][cell][/cell][cell][/cell][/yoko2]

リンク

  1. いちごみるく色で統一
  2. かわいいヘッダーアイコン
  3. ふんだんに使われた絵文字
  4. とろけたような目次デザイン
  5. 記事のURLとタイトルをコピー機能つき

[sen]

MERY

[yoko2 responsive][cell][/cell][cell][/cell][/yoko2]

  1. 元祖女性向けキュレーションサイト
  2. 目立たないグレーで区分けされた3カラムトップページ
  3. ピンクグレー黒のシンプルな配色で画像をみせる
  4. サクサク読める

[sen]

サルワカ

[yoko2 responsive][cell][/cell][cell]
[/cell][/yoko2]

  1. 親しみやすいマテリアルデザイン
  2. 図をふんだんに使ったわかりやすい解説
  3. 内容の濃い記事
  4. 読みやすいフォントサイズ・文字幅
  5. 豊富なショートコード

[sen]

伝わるデザイン

[yoko2 responsive][cell][/cell][cell][/cell][/yoko2]

  1. 目が疲れにくい文字の太さ・幅・大きさ
  2. 適度な余白
  3. 2色で目に優しい

[sen]

chuu

[yoko2 responsive][cell][/cell][cell][/cell][/yoko2]

  1. GIFによる動きあるカタログ
  2. 単色背景で商品が入ってきやすい

 

随時更新中

みつけしだい追加していきます。よさそうなサイト見つけた方はweb拍手コメントや下のコメント欄で教えてくださるとうれしいです。無言のURL貼りだけでもありがたいです!

コメント

タイトルとURLをコピーしました