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

株式会社エイチームのグループ会社である株式会社エイチームフィナジー（本社：大阪府大阪市、代表取締役社長：間瀬文雄）は、「お金の不安を解消する」メディアのナビナビ保険にて、15歳以上75歳未満の男女約450名を対象に「推し活にかけるお金と節約に関する意識調査」を実施しました。 近年当たり前の文化として根付きつつある「推し活」は、ライブへの参加やグッズの購入など、その活動として挙げられる内容は多数ありますが、ある一定の活動資金が必要なものがほとんどです。 今回の調査では、ITと人の力を駆使して世の中からお金の不安を解消し、より人生が豊かになる社会を実現することを目的とするエイチームフィナジーが運営する「お金の不安を解消する」メディアのナビナビ保険にて、いわゆる「推し活」を行っている人に対し、どれくらいの金額を推し活に割いているのか、推し活への熱量と資金額の相関性、またどのようにして推し活の費用

はじめに としが明け、2023年になり、2022年を振り帰ったり、今年の目標を立てている頃でしょうか？ みなさんは2022年どんな1年でしたか？ この記事では、2022年に話題になったWebサイトをまとめて、 みなさんの振り返りや今年の目標や勉強することの参考にしてみてはいかがでしょうか？ POLA https://www.pola.co.jp/wecaremore/mothersday/ 母の日に合わせて公開された↑この特設サイトは、スクロールに合わせて、だいぶスムーズに花がアニメーションしていくサイトです。 一回サイトに訪れると、その没入感にサイトから抜け出すタイミングがなくなるでしょう。 Pokémon Online Gallery https://onlinegallery.pokemon.co.jp/ja/ ポケットモンスター スカーレット・バイオレットの発売を記念して公開された

先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイトです。現在のところ、500種類以上のランディングページのデザインがまとめられており、これからも定期的に追加していくとのことです。 Landings Landingsの利用は簡単で、登録など面倒なことは一切不要。 ページは無限スクロールに対応しているので、そのままスクロールしてもよし、上部でテーマやカラーでフィルタリングすることもできます。 フィルタリングを見てましょう、まずはライトテーマ。 各サムネイルをクリックすると、ページ全体のキャプチャ画像とランディングページの

「デザインのアイデアがなかなか見つからない」 「Webデザインの最新トレンドを知りたい」 「かっこいいデザインの見本サンプルが欲しい」 そんなときに目を通したい、旬のトレンドを取り入れた最新おすすめWebデザイン30選をご紹介。 国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトばかり。 レイアウトや配色、フォントえらびなど、実用的なアイデアに困ったときに役立ちます。 流行先取り 注目の最新おすすめWebデザインまとめ 隅田川道中 ページ全体に広がる波紋エフェクトにはじまり、 和楽器集団による演奏など、一度見たら忘れなそうなサイト。コンテンツに進むにつれ音量がさがり、最後のフッターでふたたび最高潮に。 ノースマン公式サイト エレガントなフォント使い、 重なりのある自由なレイアウトなど、どれもサイト制作の参考になりそうな仕掛けがたくさん。 Ha

昭和の雑誌広告を中心に

Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル]　ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ

昨今のフロントエンドのCSS開発においては、タスクランナーやフレームワークの活用により煩雑なベンダープレフィックスの付与を意識する必要がありませんし、IE11のサポート終了により実戦に投入できるCSSプロパティも格段に増えました。 たった数行の記述で複雑な機能が実装可能だったり、再現が難しかったデザインへも対応できるようになったことは喜ばしいことです。 そこで今回は有名サイトで実装されているそんな最新のCSSテクニックをあらためて確認してみたいと思います。

カラー ネイビー (7) カラフル (259) スカイブルー (228) ホワイト (1226) ベージュ (423) グレー (434) ブルー (353) パープル (57) ピンク (126) レッド (212) オレンジ (124) イエロー (215) グリーン (310) ブラウン (148) ブラック (539) ゴールド (54) 業種 スポーツ (27) 旅行・ホテル・観光 (154) 美容 (112) エンタメ・趣味・娯楽 (177) 製品・工業・素材 (134) 金融・保険・会計・法律 (47) ファッション・アクセサリー (76) 就職・人材サービス (32) インフラ (26) 不動産・建築・空間・施設 (152) アート (41) 車・バイク他 (18) 事業・組織 (72) 暮らし商品・サービス (149) 飲食・食品・飲料 (481) 行政・NPO・団体・協

はじめに 仕事でWebサイトを作った際に、 デザイン案で非常に参考にさせて頂いたサイト様をまとめました。 Parts. SaaSのサービスサイトやLPを中心としたデザインの参考サイトです。 部分ごとにパーツやセクションごとのデザインが載っているので、 探しやすくとても参考になりました。 動くWebデザインアイディア帳 「動かしたいパーツ」ごとの逆引きリストを扱っているサイトです。 機能的 or 印象的で有効なデザインが多数載っており参考になりました。 ※注意として 動くWebデザインアイデア帳のサイトは、書籍に明記している通り「3年間の期限付き」です。 （※書籍の売れ行き次第で変わります。） ちなみに実践編の方ですが、私も書籍を購入させて頂きました。 Web Design Trends(ウェブデザイントレンド) Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立

ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA 担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文 URAGAWAは、クリエイティブカンパニーの情報を蓄積していくこと

どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple

こんにちは、デザイナーのchoiです。 皆さんは作業を始める時、何から始めれば良いのか分からなくて困ったことがありせんか？ ピカソはこういう言葉を残しました。 腕がよいアーティストはコピーするが、偉大なアーティストは（インスピレーションを）盗む。（Good artists copy, the geniuses steal.）つまり、優れた作品を創造するためには、たくさんの作品からインスピレーションを受けることが最も大切だと思います。 しかし、どこからインスピレーションを受け、自分の作品に活かせばいいのかいつも悩んでしまいます。 そこで私は、インスピレーションを盗みやすい、新鮮でクオリティの高いサイトを共有したいと思います。 1.Pentagram 世界中のデザイナーが目指すPentagramはロンドン、ニューヨーク、オースティン、ベルリンの4つの支部で、25人のパートナーが運営する世界最大

新しい年を迎え、さまざまなデザインブログやサイトで新しいトレンド予想が行われており、当ブログでも昨年末にまとめています。 サンプル例でわかる！注目したい2020年のWebデザイントレンド8個まとめ 2020年に注目されているグラフィックデザインの最新トレンド10個まとめ トレンドは入れ替わりが激しく、すぐに古くなってしまう恐れがあるため、ここではビジュアル面に関連する、2020年に確認しておきたいトレンド7個をまとめてご紹介します。 2D & 3D イラストレーション 2020年に入り、イラストレーションはデジタル製品において新しい節目を迎えています。見栄えの良いストック写真でさえうまく機能せず、フラットなアニメーションも少なくなってきています。だからといって、とても複雑なデザインが必要というわけではありませんが、手描きや2Dまたは３Dイラストが、試してみたいスタイルとなるでしょう。 以下

ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になっています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 正直webデザインの流行ってすぐに広まるものでもないと思うのですでに流行っているものも紹介しています。 なるべくサイトも載せていこうと思いますが、ページが更新されて違うデザインになっていたり、サイトがなくなってしまっていたらごめんなさい。 ・ダークモードに対応したデザイン ios13からiphoneでもダークモードが搭載されました。 すでに対応しているサイトもありますがまだまだダークモードに対応していないサイトが多く見られます。 目に優しいから、かっこいいからなどの理由で利用している人は多いと思いますのでこれ

どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2019の18日目の記事を担当します、フロントエンドエンジニアのたがみです。普段はwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 去年は私のその時の推しライブラリだったVuetifyについてこのブログを通じて布教したのですが、今年も今の推しライブラリの話をするぜ！・・・と、意気込んでいたのですが。「というか日頃からWebサイト事例収集しまくってるから、今年の素敵だと感じたサイトを振り返るか」と思いついちゃいましたので今年は推しのWebサイトの話をしようと思います。 というのも、私は去年入社してからデザインや演出や作りが素敵なWebサイトを見つけては自分のツイッターに「このWebサイトが良い！」というのをひたすら垂れ流すというのを日常的にやっ

この記事では、デザイン制作のインスピレーションやアイデアの参考にしたい、クリエイティブな最新Webデザインをまとめてご紹介します。 時代に関係なく長年愛されるシンプルな配色や、控えめで効果的なアニメーション、エレガントで高級感のあるセリフ書体のフォント選びなど、実際にウェブサイトを制作するときに真似したくなる素敵デザイン・レイアウトが揃います。 実例で学ぶ最新のWebデザイン見本コレクション厳選まとめ Save Whales クジラの保護を訴えるプロジェクトで、スクロールに応じて縦横無尽に画像が切り替わるユニークなスライダー機能を実装。 Stonewall Forever Once Upon a Time in Hollywood LGBTQ問題の歴史について、インタラクティブなストーリーで伝える未来を感じる体験型サイト。ぜひ一度ページを開いてみてほしいサイトのひとつ。 The Gooni

こっちだ。 ソーシャル時代に 心動かすマーケティング トライバルメディアハウスは、 ソーシャル時代における「売上のメカニズム」を解明する マーケティング支援会社です。

良いUI/UXデザイナーになるには、他人が作ったデザインを見るのが大切だと、多くの国内外のデザイナーさんたちは言っています。 僕もそれに倣い、UI/UXデザインを学び始めて約2ヶ月ですけど、ほぼ毎日他人のUIデザインを見ています。 他人のデザインが見れるサイトで代表的なのは、以下の3点でしょうか。 ■　Dribbble ■　Behance ■　Awwwards これらのウェブサイトやアプリを見ていますけど、まだ生活に馴染まないというか「UIデザイン見るか〜！よいしょ。」ってなモチベーションでチェックしてしまいます。 「それでは、本当に夢中になって見てはいないな」と感じたので考えました。 「それじゃあ、いつも見てしまうアプリを使えばいいのでは？」と思い、チェックし始めたのがInstagram（インスタグラム）です。 Instagramは、すでに写真専用アカウントとして使っていました。しかし。