https://qwerty.work/tags/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%A1%88/ Recent content in デザイン案 on qwerty.work Hugo -- gohugo.io ja-JP Thu, 09 Dec 2021 20:39:08 +0900 https://qwerty.work/post/2021/12/design-sample-search/ Thu, 09 Dec 2021 20:39:08 +0900 https://qwerty.work/post/2021/12/design-sample-search/ <h2 id="どんなデザインにするか迷ったときに使える">どんなデザインにするか迷ったときに使える </h2><p>ホームページの制作を受注したのはいいけれど、どんなデザインで作るか迷ったときに使える参考サイトを検索できるサイトを見つけたのでメモ。</p> <div class="link-card"> <a href="https://sankoudesign.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://sankoudesign.com/" alt="https://sankoudesign.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://sankoudesign.com/</span> <span class="link-card-url">https://sankoudesign.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://webdesignclip.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://webdesignclip.com/" alt="https://webdesignclip.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://webdesignclip.com/</span> <span class="link-card-url">https://webdesignclip.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://clippa.jp/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://clippa.jp/" alt="https://clippa.jp/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://clippa.jp/</span> <span class="link-card-url">https://clippa.jp/</span> </div> </a> </div> <div class="link-card"> <a href="https://www.ikesai.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.ikesai.com/" alt="https://www.ikesai.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.ikesai.com/</span> <span class="link-card-url">https://www.ikesai.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://muuuuu.org/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://muuuuu.org/" alt="https://muuuuu.org/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://muuuuu.org/</span> <span class="link-card-url">https://muuuuu.org/</span> </div> </a> </div> <div class="link-card"> <a href="https://uragawa.work/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://uragawa.work/" alt="https://uragawa.work/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://uragawa.work/</span> <span class="link-card-url">https://uragawa.work/</span> </div> </a> </div> <div class="link-card"> <a href="https://io3000.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://io3000.com/" alt="https://io3000.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://io3000.com/</span> <span class="link-card-url">https://io3000.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://81-web.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://81-web.com/" alt="https://81-web.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://81-web.com/</span> <span class="link-card-url">https://81-web.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://stock.pulpxstyle.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://stock.pulpxstyle.com/" alt="https://stock.pulpxstyle.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://stock.pulpxstyle.com/</span> <span class="link-card-url">https://stock.pulpxstyle.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://maneru-design-lab.net/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://maneru-design-lab.net/" alt="https://maneru-design-lab.net/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://maneru-design-lab.net/</span> <span class="link-card-url">https://maneru-design-lab.net/</span> </div> </a> </div> <div class="link-card"> <a href="https://bookma.org/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://bookma.org/" alt="https://bookma.org/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://bookma.org/</span> <span class="link-card-url">https://bookma.org/</span> </div> </a> </div> <div class="link-card"> <a href="https://good-web-design.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://good-web-design.com/" alt="https://good-web-design.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://good-web-design.com/</span> <span class="link-card-url">https://good-web-design.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://gendaidesign.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://gendaidesign.com/" alt="https://gendaidesign.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://gendaidesign.com/</span> <span class="link-card-url">https://gendaidesign.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://bm.s5-style.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://bm.s5-style.com/" alt="https://bm.s5-style.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://bm.s5-style.com/</span> <span class="link-card-url">https://bm.s5-style.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://choooodoii.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://choooodoii.com/" alt="https://choooodoii.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://choooodoii.com/</span> <span class="link-card-url">https://choooodoii.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://uragawa.work/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://uragawa.work/" alt="https://uragawa.work/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://uragawa.work/</span> <span class="link-card-url">https://uragawa.work/</span> </div> </a> </div> <div class="link-card"> <a href="https://1guu.jp/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://1guu.jp/" alt="https://1guu.jp/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://1guu.jp/</span> <span class="link-card-url">https://1guu.jp/</span> </div> </a> </div> <div class="link-card"> <a href="https://www.pinterest.jp/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.pinterest.jp/" alt="https://www.pinterest.jp/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.pinterest.jp/</span> <span class="link-card-url">https://www.pinterest.jp/</span> </div> </a> </div> <h3 id="lpランディングページのデザインギャラリー">LP（ランディングページ）のデザインギャラリー </h3> <div class="link-card"> <a href="https://rdlp.jp/lp-archive/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://rdlp.jp/lp-archive/" alt="https://rdlp.jp/lp-archive/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://rdlp.jp/lp-archive/</span> <span class="link-card-url">https://rdlp.jp/lp-archive/</span> </div> </a> </div> <h3 id="wordpressを使用したデザインギャラリー">Wordpressを使用したデザインギャラリー </h3> <div class="link-card"> <a href="https://cmsdesign.jp/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://cmsdesign.jp/" alt="https://cmsdesign.jp/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://cmsdesign.jp/</span> <span class="link-card-url">https://cmsdesign.jp/</span> </div> </a> </div> <div class="link-card"> <a href="http://wpgallery.kachibito.net/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/http://wpgallery.kachibito.net/" alt="http://wpgallery.kachibito.net/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">http://wpgallery.kachibito.net/</span> <span class="link-card-url">http://wpgallery.kachibito.net/</span> </div> </a> </div> <h3 id="海外サイトデザインのギャラリーサイト">海外サイトデザインのギャラリーサイト </h3> <div class="link-card"> <a href="https://www.awwwards.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.awwwards.com/" alt="https://www.awwwards.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.awwwards.com/</span> <span class="link-card-url">https://www.awwwards.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://www.cssdesignawards.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.cssdesignawards.com/" alt="https://www.cssdesignawards.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.cssdesignawards.com/</span> <span class="link-card-url">https://www.cssdesignawards.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://www.landingfolio.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.landingfolio.com/" alt="https://www.landingfolio.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.landingfolio.com/</span> <span class="link-card-url">https://www.landingfolio.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://www.siteinspire.com/websites" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.siteinspire.com/websites" alt="https://www.siteinspire.com/websites" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.siteinspire.com/websites</span> <span class="link-card-url">https://www.siteinspire.com/websites</span> </div> </a> </div> <div class="link-card"> <a href="https://land-book.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://land-book.com/" alt="https://land-book.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://land-book.com/</span> <span class="link-card-url">https://land-book.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://onepagelove.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://onepagelove.com/" alt="https://onepagelove.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://onepagelove.com/</span> <span class="link-card-url">https://onepagelove.com/</span> </div> </a> </div> <h3 id="スマホ対応のサイトを集めたギャラリーサイト">スマホ対応のサイトを集めたギャラリーサイト </h3> <div class="link-card"> <a href="https://agtsmartphonedesign.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://agtsmartphonedesign.com/" alt="https://agtsmartphonedesign.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://agtsmartphonedesign.com/</span> <span class="link-card-url">https://agtsmartphonedesign.com/</span> </div> </a> </div> <div class="link-card"> <a href="https://responsive-jp.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://responsive-jp.com/" alt="https://responsive-jp.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://responsive-jp.com/</span> <span class="link-card-url">https://responsive-jp.com/</span> </div> </a> </div> <h3 id="アニメーション付きのサイトを集めたギャラリーサイト">アニメーション付きのサイトを集めたギャラリーサイト </h3> <div class="link-card"> <a href="https://1guu.jp/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://1guu.jp/" alt="https://1guu.jp/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://1guu.jp/</span> <span class="link-card-url">https://1guu.jp/</span> </div> </a> </div> <div class="link-card"> <a href="https://www.hoverstat.es/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://www.hoverstat.es/" alt="https://www.hoverstat.es/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://www.hoverstat.es/</span> <span class="link-card-url">https://www.hoverstat.es/</span> </div> </a> </div> <h2 id="ハーツなど部分的なデザインのギャラリーサイト">ハーツなど部分的なデザインのギャラリーサイト </h2><h3 id="パーツの参考になるギャラリーサイト">パーツの参考になるギャラリーサイト </h3> <div class="link-card"> <a href="https://partsdesign.net/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://partsdesign.net/" alt="https://partsdesign.net/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://partsdesign.net/</span> <span class="link-card-url">https://partsdesign.net/</span> </div> </a> </div> <div class="link-card"> <a href="https://modulesss.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://modulesss.com/" alt="https://modulesss.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://modulesss.com/</span> <span class="link-card-url">https://modulesss.com/</span> </div> </a> </div> <h3 id="サブページのメインビジュアルのギャラリーサイト">サブページのメインビジュアルのギャラリーサイト </h3> <div class="link-card"> <a href="https://modulesss.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://modulesss.com/" alt="https://modulesss.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://modulesss.com/</span> <span class="link-card-url">https://modulesss.com/</span> </div> </a> </div> <h3 id="バナーデザインに特化したギャラリーサイト">バナーデザインに特化したギャラリーサイト </h3> <div class="link-card"> <a href="http://banner.keizine.net/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/http://banner.keizine.net/" alt="http://banner.keizine.net/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">http://banner.keizine.net/</span> <span class="link-card-url">http://banner.keizine.net/</span> </div> </a> </div> <div class="link-card"> <a href="https://design-library.jp/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://design-library.jp/" alt="https://design-library.jp/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://design-library.jp/</span> <span class="link-card-url">https://design-library.jp/</span> </div> </a> </div> <h3 id="見出しのデザインに特化したギャラリーサイト">見出しのデザインに特化したギャラリーサイト </h3> <div class="link-card"> <a href="https://midashi-design.com/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://midashi-design.com/" alt="https://midashi-design.com/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://midashi-design.com/</span> <span class="link-card-url">https://midashi-design.com/</span> </div> </a> </div> <h3 id="その他ギャラリーサイトの参考ページ">その他ギャラリーサイトの参考ページ </h3> <div class="link-card"> <a href="https://liginc.co.jp/416443" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://liginc.co.jp/416443" alt="https://liginc.co.jp/416443" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://liginc.co.jp/416443</span> <span class="link-card-url">https://liginc.co.jp/416443</span> </div> </a> </div> <div class="link-card"> <a href="https://tomorrowgate.co.jp/blog/1804/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://tomorrowgate.co.jp/blog/1804/" alt="https://tomorrowgate.co.jp/blog/1804/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://tomorrowgate.co.jp/blog/1804/</span> <span class="link-card-url">https://tomorrowgate.co.jp/blog/1804/</span> </div> </a> </div> <div class="link-card"> <a href="https://blog.hubspot.jp/website-design" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://blog.hubspot.jp/website-design" alt="https://blog.hubspot.jp/website-design" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://blog.hubspot.jp/website-design</span> <span class="link-card-url">https://blog.hubspot.jp/website-design</span> </div> </a> </div> <div class="link-card"> <a href="https://pulpxstyle.com/webdesigngallery/" target="_blank" rel="noopener noreferrer"> <div class="link-card-image"> <img src="https://image.thum.io/get/width/300/crop/200/https://pulpxstyle.com/webdesigngallery/" alt="https://pulpxstyle.com/webdesigngallery/" loading="lazy"> </div> <div class="link-card-body"> <span class="link-card-title">https://pulpxstyle.com/webdesigngallery/</span> <span class="link-card-url">https://pulpxstyle.com/webdesigngallery/</span> </div> </a> </div> <h2 id="検索キーワード例">検索キーワード例 </h2><p>上記のサイトで検索するとしたら以下のキーワードが例になるのではないでしょうか？適当に思いつくキーワードを並べてみました。</p> <ul> <li>モノトーン</li> <li>ダーク</li> <li>シンプル</li> <li>カラフル</li> <li>派手</li> <li>ポップ</li> <li>かわいい</li> <li>上品</li> <li>コーポレート</li> <li>企業</li> <li>病院</li> <li>飲食</li> <li>食品</li> <li>美容室</li> <li>ファッション</li> </ul>