知識ベース
はじめる
レイアウト設計
要素
アカウントとワークスペース
統合
サイト設定
論理
ローカリゼーション
請求とサブスクリプション
サービス
Webflow代理店
Shopify エージェンシー
Webflowアカデミー
SaaSとしてのデザイン
ESGデザイン
Web3マーケティング
WordPress フィクサー
ヘッドレスCMS
リソース
Webflow ナレッジベース
Facebookグループ
技術ブログ
D2Cインサイダー
テクニカル SEO ブログ
日本語
English
繁體中文
한국어
简体中文
お問い合わせ
何を探していますか?
検索
アクセシビリティ
アカウントとワークスペース
請求とサブスクリプション
CMSと動的コンテンツ
コラボレーション
電子商取引とユーザーアカウント
要素
はじめる
ホスティングとコードのエクスポート
統合
インタラクションとアニメーション
知識ベース
レイアウト設計
ローカリゼーション
論理
安全
SEO
サイト設定
テンプレート
ホームページ: フッター
プロジェクトの 2 番目のナビゲーションとして機能する再利用可能なフッターを設計します。
知識ベース
ジェリーボタンインタラクション
事前に構築されたアニメーションを使用して、プロジェクト内のあらゆる要素に命を吹き込みます。
インタラクションとアニメーション
横スクロール
水平スクロールは、垂直から右、左へとスクロール体験を変える独自のインタラクションを使用して、訪問者の興味を完全に引き付けます。
レイアウト設計
過剰:隠蔽
要素がビューポートの外側に存在する場合に、プロジェクト内で不要な水平スクロールや余分な空白が発生しないようにするには、Overflow を非表示に設定します。
レイアウト設計
画像をテキスト範囲にトリミング
テキスト範囲と画像テキスト塗りつぶしを使用して、サイトのコピーに多様性を追加します。
レイアウト設計
遷移ポイント間のさまざまな画面サイズを試してみる
Webflow デザイナーを使用すると、キャンバス上で直接レスポンシブに作成し、確認することができます。
レイアウト設計
2.5D技術
2D 画像を 3D 空間にレイヤー化して、プロジェクト内の要素に深みを加えます。
インタラクションとアニメーション
フォーカスシフト効果
カスタムラックフォーカスインタラクションをアニメーション化する
インタラクションとアニメーション
内側の影効果によるテキスト表示の強化
このチュートリアルでは、Sara が、画像の一部を強調する動的な下線効果を作成する方法を説明します。
レイアウト設計
CH単位を使用した明確にフォーマットされたテキスト
文字単位を使用して、テキスト要素の 1 行あたりの文字数を制限します。
レイアウト設計
投稿ナビゲーション
1
…
37
38
39
…
44
EN
EN
ZH
ZH_CN
KO
JA
EN
EN
ZH
ZH_CN
KO
JA