おとぎ話の世界みたい!かわいくてガーリーな21サイトをご紹介creativememomemoWebデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。creative0220380こんにちは。可愛い女の子はもっと好きな井畑です。今回ここでご紹介したいと思います。「こんなのガーリーでもなんでもねーよww」とか、twitterやはてぶで話題になったもので、既に知ってるものなども多くあるかと思いますが、ご了承くださいませ。Granforsまずは海外のサイトをご紹介していきます。フィンランドのグラフィックデザイナーさんのポートフォリオサイト。クリーム色のベースにピンク・ブラウン・紫のテクスチャーとイラストが繊細でとても可愛いサイトです。動物のモチーフも印象的で、タイトル部分のフラミンゴは勿論、フッターのお猿さんにも注目です。oli動物達のイラストがかわい過ぎる洋服店サイト。このサイトで一番見て欲しいのは、真ん中の動物達のイラスト!!サイドのボタンを押すと、なんと真ん中の動物達が着替えをするんです!すごいかわいいギミックですよねーこの演出だけで鼻血がでそうでしたww中央のイラストだけでなく、ボタンやメニューも手書き風で独特の世界観を出しています。Rabbitオーストラリアさんのキャラクター作家さんのサイト。ロゴに一目ぼれしました。細いラインとうさぎちゃんに釘づけです。色は彩度を抑えた緑と茶色で構成されており、かわいらしいけど大人っぽい印象。そこに作家さんの作品が上手くマッチしており、ステキだなーと感じました。culinaireフランスの芸術監督(?)さんのブログサイト。タイトルのロゴやサイドに効果的にイラストが使われていて全体の雰囲気を上手く作りあげています。mintアメリカのインテリアプランナーさんのブログサイト。水彩画のような淡い色合いのイラストと手書きの細い線が女性らしさを感じてとてもステキなサイトとなっています。こちらもサイトの写真がすごく綺麗なので眺めているだけでもとても楽しめるお気に入りサイトです。SpoonSpoon可愛くて女性らしいイラストがところせましとちりばめられたサイト。このサイトの一番の見どころは時計の仕掛けです。ページ真ん中にある時計の針をクリックしてみてください。それにあわせて背景のイラストがぶわーっと総入れ替えします。Girl淡い緑に女性のイラストが印象的なブログサイト。彩度を抑えた色使いと細かい模様やテクスチャにとても女性らしさを感じました。写真も独特の雰囲気があってどれもステキです。Driftイギリスのバー(ご飯屋さん?)のサイト。小鳥のイラストとパララックスの効果を上手く使っています。タイトルに使っているWebフォントの繊細な感じが個人的には好きでした。どこにいっても飛んでいる小鳥をつい目で追ってしまいます。Ryanブログ&ギャラリーサイト。海外のサイトなのにどこか日本らしい印象を受けました。イラストのタッチのせいでしょうか?花のイラストはもちろん、背景の細かいテクスチャもステキです。roost黄色を貴重とした、優しい雰囲気のブログサイト。ヘッダー部分の花と小鳥のイラストがレトロモダンな雰囲気を出しています。他にも、日付の表示部分など細部にも細かいこだわりが見えて、とても参考になります。SuikerdraakjeSuikerdraakjeオランダの乳児・幼児用品のサイト。マスコットキャラクターであろう恐竜のイラストと、商品を囲んでいる枠がとてもかわいらしく、サイトの雰囲気をつくっています。一覧ページの枠はhover時の色使いもかわいいので是非見てみてください。Ballerinasここからは日本のサイトです。Ballerinasという靴屋さんのサイト。淡い色調とパララックス効果を上手く使って、全体の雰囲気を作り出しています。パララックス効果はすごいインパクトですね。見ていてすごいわくわくします。このわくわくは言葉では説明できないので、是非サイトをスクロールしてその効果を味わってみてください。Design-WEB制作会社のサイト。クリーム色の背景にパララックス効果を主張しすぎる事無くさらりと使っているのが印象的でした。見る海外のサイトだとがっつり効果を使っている印象ですが、さらりと背景の一部分に使う感じがにくいですね。これなら、「パララックスのサイトは見づらい」なんて言われないかも!あと、フッターの街並みのイラストがこのページをしめる可愛いらしさでした。パララックスを使ったサイトはフッターのデザインが大切です。フォトウェディング・結婚写真のサロンドパルールフォトウェディング・結婚写真のサロンドパルール結婚式場のサイト。ブラウン系の色を多く使ってながら、テクスチャを上手く使っているので全体的にぼやっとしていません。いう色使いは見習いたいものです。ケイ・ウノこちらは結婚・婚約指輪のサイトです。結婚関係は女性を意識したサイトが多いですね。パララックス効果をふんだんに使ったサイトになっています。スクロールする度に指輪や写真や羽などのアイテムがアクションするのでとっても面白いです。大きな波線を使うことで女性らしいやわらかさをだしているのも印象的でした。Wedding」|ヒルトン東京ベイ結婚式場のサイトまだまだ続きます。グレイッシュなピンクを全体的に使った優しい色合いと、メニューバーの背景にある唐草などの細かい装飾が女性らしさをだしています。Flashによる演出も綺麗です。ウェディングソング.comウェディングソング.com結婚式関係ラストはこちら、ウェディングソング(BGM)のサイト。紙ナプキンや花束などのアイテムを上手く使ってデザインしています。枠などの細部の細かい作りがガーリーな感じをより出しています。Cocoonist(コクーニスト)Cocoonist(コクーニスト)Cocoonistブランドサイト。ヘッダーの背景のイラストとタイトル部分の枠線が一昔前のヨーロッパの雰囲気を出していてとてもおしゃれです。少ない要素でもガーリーな感じを出していて上品な印象をうけました。ef-deef-deef-deブランドサイト。こちらは装飾的なものは少なく、色合いとテクスチャで上手く見せているサイトです。秋に向けてという事でしょうか、ブラウンをベースに落ち着いた色合いがステキでした。Parksブランドサイト。便せんやシール、クリップなどのアイテムを使って女性らしい可愛らしい雰囲気を出しています。ページごとに背景のパターンが変わるのも面白いなーと思いました。最後は少し変化球です。岡山の雑貨屋さんのサイト。ガーリーとは少し違いますが、和モダンな感じとイラストのかわいらしさについ紹介してしまいました。このサイトのイラストはほんとすごいですね。最後に以上でかわいくてガーリーなサイトのご紹介を終わります。自分好み(今回で言うと、細かいテクスチャーや動物のイラストが好きとか)が改めて把握できてなんか恥ずかしいですねwまた機会があったら紹介してみたいと思います。PCを2週間使ってみた感想Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方iPhoneで使える特殊文字を使って動物のかわいい顔文字を作ってみた最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ努力の過程は家庭が見つけてくれる話(ダジャレ)2018/08/18転職します2018/02/28Chromeで画像を縮小表示すると文字がなんだかぼやける現象を回避するTips2018/01/09SNSと検索の最適化を目指してWordPressで記事タイトルを投稿後一定期間で自動的に変わるようにしてみた2017/09/21【CSS】見出しが変に改行しない!スマホのfont-size指定にvminを使ってみよう2017/05/08creativememomemoクリエイティブメモメモはWebデザイン技術や,クリエイティブでステキな作品を紹介するメモブログです。Ihata綺麗なものと、美味しいものをこよなく愛するひよっこです。名古屋でWebデザインしてます。あと個人でイラストなんかもやっています。