正在加载视频...

视频加载失败

ニューヨーク発の日焼け止めブランド「Hard Sun」のECサイト。 全体のデザインの作り込みも素敵ですが、口コミブロックのUIが特に秀逸👀

33,220 次观看 • 5 个月前 •via X (Twitter)

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Webデザインで「手が止まる」 本当の原因と、その解決策の話 デザインギャラリーサイトを眺めて参考を探す。 Webデザイナーなら誰もがやることですが、 実はここに「効率を大きく下げる落とし穴」があります。 ━━━━━━━━━━━━━━━ よくある失敗:「サイト全体」 から探してしまう 多くのギャラリーサイトは「サイト単位」で事例を掲載しています。でも、実際に制作中に手が止まるのはこういう場面です。 「料金表のレイアウト、どう組もう…」 「CTAの見せ方、もっといい形ないかな…」 「FAQセクション、他社はどうしてる?」 つまり、悩んでいるのは"サイト全体"ではなく "特定のセクション"のデザインなんです。 サイト全体のギャラリーから特定パーツの参考を探すのは、 辞書を1ページ目から読んで目的の単語を探すようなもの。膨大な時間がかかります。 ━━━━━━━━━━━━━━━ 解決策:「パーツ単位」で 引ける辞書を持つ ここで紹介したいのが「Parts.」という ギャラリーサイトです。 このサイト最大の特徴は、 Webサイトのデザインを"セクション・パーツごと"に分類して掲載していること。 カテゴリは驚くほど細かく分かれています。 【セクション / ページ系】 ヘッダー / メインビジュアル / 課題提起(Problems)/ サービスの特徴 / 導入事例 / 導入フロー / 料金表 / FAQ / CTA / フッター / パンくず / 会社概要 / お知らせ / インフォグラフィックス / 数字(実績)/ ブログ一覧 / 記事ページ / お問い合わせ / 資料ダウンロード 【機能・UIパーツ系】 モーダル / 404エラーページ / メガメニュー / スライダー 掲載数は3,500件以上。 しかもSaaS・コーポレートサイト・BtoBのLP中心なので、 ビジネス系のサイト制作では参考の質が非常に高い。 ━━━━━━━━━━━━━━━ なぜ「パーツ別」が学びになるのか サイト全体を眺めるのと、同じ役割のパーツを横並びで比較するのとでは、得られる気づきがまるで違います。 たとえばCTAだけを50個並べて見ると、 「ボタンの数は1つか2つか」 「背景色の使い分け」 「マイクロコピーの有無」 といったパターンと 法則が見えてきます。 これはいわば、デザインの「型」を体系的にインプットする行為。 ただ眺めるだけで、構成力とレイアウトの引き出しが増えていきます。 ━━━━━━━━━━━━━━━ こんな人におすすめ ・SaaS / BtoB / コーポレートサイトを制作中の方 ・LPの特定セクションで手が止まっている方 ・ワイヤーフレーム段階で構成の参考が欲しい方 ・デザインの引き出しを体系的に 増やしたい新人デザイナー ・ディレクターや非デザイナーが 要件定義の参考にしたい時 サイト全体のギャラリーは「インスピレーション」向き。 パーツ別のギャラリーは「実務で即使える武器」。 両方を使い分けるだけで、制作スピードは大きく変わります。 ▼ Parts. |パーツ別Webデザイン集

KAWAI

19,576 次观看 • 6 个月前