私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。

2024/06/19 420 users Webデザイン制作 参考 未経験 受講 Webデザイナー

日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これ... 続きを読む

😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】 - Qiita

2021/12/12 303 users フワ オシャレ Qiita 皆さん Webページ

おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です 突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います？最近多いですよね、あれ。 確かにオシャレだし楽しいしゲームと作家さんのギャラリーサイトとかなら全然OK。でも情報が欲しくてアクセスしてるページ... 続きを読む

【2021】バナーデザインの参考サイト8選！効果的なバナー作成のポイントとは？ | 株式会社LIG

2021/05/14 6 users バナーデザイン 株式会社LIG バナー トレンド エビちゃん

みなさんこんにちは！ LIGデザイナーのえびちゃんです。 バナーデザインを作成していると「デザインが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザイン面の悩みってたくさん出てきますよね。 そして、デザイン面の... 続きを読む

Flash作品を残すために取り組んだこと - プラグイン無しでFlashを再生できるJSライブラリを採用して - ICS MEDIA

2021/02/15 12 users JSライブラリ Flash ICS MEDIA 筆者 手段

ブラウザプラグインのFlash Playerは2020年末でサポートが終了しました。そのことにより、Flashコンテンツをブラウザで再生する手段がなくなっています。 筆者はBeautiflビューティフルというウェブサイトを個人的に運用しています。Beautiflは、ユーザーが投稿したFlash作品を紹介するギャラリーサイトです。Flash Play... 続きを読む

CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」 | かちびと.net

2018/02/03 15 users CSS Grid net submit 自薦 Webサイト

Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自薦も受け付けているようなので我こそはという方はSubmitより情報を提供されてみては。 Grid Examples Post by かちびと.net PR:WPデザイ... 続きを読む

Web制作に便利なフリー素材サイト（イラスト・テクスチャ・フォント・写真） - シロクマは冬眠したい

2017/01/16 84 users シロクマ 現役WEBデザイナー フォント デザイン 普段仕事

2017 - 01 - 16 Web制作に便利なフリー素材サイト（イラスト・テクスチャ・フォント・写真） デザイン ブログ運営 Web制作 SHARE Google Pocket Line 普段仕事で利用している便利なサイトをまとめました。素材サイトやギャラリーサイトを紹介します。現役webデザイナーの方はほとんど知っているサイトばかりだと思います！ イラスト FLAT ICON DESIGN -... 続きを読む

Webデザインのアイデアに困ったら覗きたいサイト10選 | UX MILK

2016/07/18 306 users UX MILK インスピレーション webデザイン バナー

この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです... 続きを読む

アイデアに詰まったら……イケてる事例がガンガン見つかるWebデザインのギャラリーサイト38選

2016/05/13 197 users アイデア 事例 webデザイン インスピレーション 刺激

まとめ 2016年4月26日 秀逸なデザインでインスピレーションを刺激 アイデアに詰まったら……イケてる事例がガンガン見つかるWebデザインのギャラリーサイト38選 Webデザインをしていると、アイデアに行き詰まってしまうことってありますよね。 そんなときにギャラリーサイトを見てみると、インスピレーションが刺激されて行き詰った状況を打破できるかもしれません。 本記事では日本と海外の海外ギャラリーサ... 続きを読む

アプリのUIデザインと配色パターンまとめ（非デザイナー向け） - Qiita

2016/02/25 392 users Qiita ノンデザイナー UIデザイン アプリ プログラマー

はじめに 私は主にiOSアプリのプログラマーなのですが、デザインまで一緒に頼まれる事があります。 デザイナーじゃないので１からデザインをしていくなんて到底無理です。 そんな時にノンデザイナーの方でも良い物を作るために UIデザインのギャラリーサイトと配色パターンを決める便利なサイトをご紹介致します。 基本他のアプリを 真似 参考にするといい感じにできちゃうかもしれません。 Web系開発の方も配色パ... 続きを読む

ココだけ欲しい！Webデザインのパーツをまとめたギャラリーサイト20選｜ferret [フェレット]

2015/10/22 158 users Ferret フェレット ヒント コンセプト Webデザイナー

Webデザインをパーツごとに収集したギャラリーサイトまとめ 1.ブブンデザインアーカイブ http://bubundesignarchive.jp/ Webデザイナーによる、優れたパーツを集めてアーカイブしたギャラリーサイトです。 「Webデザイナーのアイデアインスピレーションを加速化する」をコンセプトに、デザインのヒントになるパーツを多数収録しています。 気になる部分のデザインをそのままデザイン... 続きを読む

ロゴデザインのアイデアが浮かばない…参考になりすぎるギャラリーサイト11選＋記事8選｜ferret [フェレット]

2015/06/25 247 users Ferret フェレット サムネイル デザイナー ロゴ

ロゴデザインのアイデアにつながるギャラリーサイト 1.logofaves http://logofaves.com/ 大きめのサムネイルがとても見やすいギャラリーサイトです。 1つ1つのロゴが5段階で評価されており、最新、人気順、ランダム、最近お気に入り登録された順で並び替えることができます。 また、ロゴの下にデザイナーページのリンクがついており、そのデザイナーのロゴだけを表示することができたりホ... 続きを読む

ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ | コリス

2015/04/14 463 users ブッダ コリス ヘッダ インスピレーション 見出し

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーション...記事の続きを読む 続きを読む

スマホサイトのデザイン時に参考になるWebサイトのギャラリーまとめ | 株式会社LIG

2015/02/09 225 users 株式会社LIG 参考 Webサイト スマホサイト デザイン時

こんにちは、デザイナーのモモコです。 今回はスマートフォンサイトをデザインする際に参考になる、UIやトレンドのリンク集、ギャラリーサイトをまとめてご紹介します。 デザインやUIの参考に！スマートフォンサイトのギャラリーまとめ sps collection http://spscollection.com/ シンプルな構成のスマートフォンサイトのデザインリンク集。 最大100件ずつ表示ができ、キーワ... 続きを読む

ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ | コリス

2014/10/22 408 users コリス ユーザインターフェイス スマホUI フック 海外

iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。 まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。 CAPPTIVAT...記事の続きを読む 続きを読む

フォームから簡単に登録申請できる国産Webギャラリーサイトのまとめ｜Webpark

2014/05/13 14 users まとめ｜Webpark フォーム 後発 登録申請 個性

さいごに 調べてみると結構たくさんあることに気付きました。デザインも素敵なサイトが多いです。また、後発になるほど個性を出そうとしていて面白いなと思いました。 ちょっと前に、私もギャラリーサイトを作ろうと思ったことがありますが、やめておいてよかったかも。これだけたくさんあるなか後発で人気を集める自信がないです。 ということで、フォームから簡単に登録申請できる国産Webギャラリーサイトを13個紹介しま... 続きを読む

【ギャラリーサイトで重複しない画像をランダム表示させる時に使った】WordPressで投稿を取得する際に「ORDER BY」節を付ける | 今村だけがよくわかるブログ

2014/04/28 13 users 今村 SQLクエリ ORDER BY 無限スクロール ランダム

WordPressのフィルターフック「posts_orderby」を使うと、投稿を取得するSQLクエリに「ORDER BY」節を加えることができます。私の場合は、ギャラリーサイト制作の時に使いました。 無限スクロールができて、スクロールするたびにどんどん写真が表示される、みたいなギャラリーサイト。その際「重複しないランダムな写真を次々に表示」させるために必要でした。イメージですと、今制作中の「大英... 続きを読む

HTML5 Experts Works

2014/04/21 103 users エキスパート 作品 新着 Web技術者 日本

日本に、もっとエキスパートを。日本のWeb技術者が制作した様々な作品を紹介するギャラリーサイト『HTML5 Experts Works』All Works 新着 PV node-hue-remote by 吾郷 協 6 MySQL Console by 田中洋一郎 11 ChromeMyAdmin by 田中洋一郎 14 HTML5杯 by 面白法人カヤック 30 dialog element d... 続きを読む

モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記

2013/12/23 398 users Dribbble showrtpath モバイルUI アプリ

2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 ... 続きを読む

we love herokuのデザインリニューアル

2013/12/06 53 users デザインリニューアル Heroku きっかけ 帰り道 実装

we love herokuリニューアルのお話です。今回はデザインサイドの話です。 we love heroku とは we love herokuは、herokuを使ったサービスを登録するギャラリーサイトです。 開発したキッカケは、@herokujpさんのつぶやきでした。去年の2月ぐらいでしたかね、仕事の帰り道にこのつぶやきをみて、設計しながら家帰り、即実装という感じでした。 railsを初めて... 続きを読む

ASCII.jp：こうめの“これから使える”jQueryプラグイン

2013/08/23 68 users jQueryプラグイン Infinite Scroll

2013年08月23日 11時00分 第1回 Facebook風の無限スクロールが作れるinfinite scroll ページ下部まで移動すると、次のページを自動的に読み込んで表示するjQueryプラグイン「infinite scroll」。ブログ記事や、ECサイトの商品ページ、ギャラリーサイトなどで効果的です。 続きを読む

すべてのアプリ製作者に捧ぐ！アイコンデザインのギャラリーサイト『iconDrop』をリリースしました。｜ウェビメモ

2013/08/08 31 users みぞれ アイコンデザイン クオリティ アイコン サンプル

こんにちは。みぞれです。最近アプリのデザインをするようになって アイコンのサンプルが大量に欲しくなったので、思い切ってサイトにしてみました。 日本のサイトだからこそ国産アプリ多めです 海外のギャラリーサイトもクオリティが高く参考にはなるんですが、私たちが作るのは日本人向けのアプリ。やっぱり参考にするのも国産アプリのアイコンの方がしっくり来ると思うのです。 とくに上記のような日本独特のアイコンデザイ... 続きを読む

最近流行りのフラットデザインのギャラリーサイト『FlatDesign』 | 100SHIKI

2013/03/24 123 users 100SHIKI エントリー フラットデザイン 勉強 参考

参考になりそうだったのでメモ的にエントリー。 FlatDesignは最近はやりのフラットデザインのギャラリーサイトだ。 ほぼ平面的、という特徴を持つフラットデザインはGoogle系サイトをはじめ、最近よく見るようになってきた。 こうしたサイトで他の人がどういう風に実践しているか見るのは勉強になるだろう。サイトのカテゴリーごとに検索できるのもうれしいですな。 FlatDesign http://fl... 続きを読む

【必見】スマホ対応の参考に！アプリやスマートフォンのギャラリーサイト「総まとめ」

2013/02/05 63 users 必見 アプリ 参考 総まとめ スマートフォン

こんにちは。 LINEのユーザー数が1億人をこえ、2013年におけるスマートフォンの利用台数は20億台に達すると言われています。 普段生活をしていて、電車や待ち合わせ場所でスマートフォンを触っている人をみかけない日はないといっていい時代になってきました。 そこで、今日はスマホ対応の時に使える、スマートフォンサイトやアプリのアイコンギャラリーを集めてみました！ 【日本編（スマートフォンサイト）】 i... 続きを読む

ランディングページを作る際に参考になりそうなギャラリー『Land Book』 | 100SHIKI

2013/01/20 86 users 100SHIKI ランディングページ ギャラリー 参考 タグ

そこそこ数もあるし、クオリティ的にも参考になりそうなのでご紹介。 Land Bookはランディングページをざっくり集めたギャラリーサイトだ。 シンプルにサービスの特徴をまとめたサイトを探している時に便利だろう。 またタグもつけられているので「青っぽいサイト」なんて探し方も可能だ。 覚えておいても良いかもですな。 Land Book http://land-book.com/ ランディングページを集... 続きを読む

レスポンシブ対応も含め、Lightbox系（モーラルウインドウ）プラグイン25個の簡単な使い方とサンプルまとめました | Webデザインクリップ

2012/12/17 319 users jQuery 背面 HTML Lightbox系 プラグイン

jQueryを使ったプラグインの中でもポピュラーな背面をグレーアウトさせて画像などを表示するLightbox系のプラグイン。 ギャラリーサイトで拡大画像を表示したり、HTMLを読み込んで詳細情報を表示したりなどと、あらゆるサイトでさまざまな使われ方をしており、現在では多機能なオプションを備えたものから、レスポンシブWebデザインに対応したものまでさまざまなプラグインが存在しています。 今回はそんな... 続きを読む