WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

コース一覧

Figmaで実践

全 2 動画

バナーを作ってみよう!

バナーを作ってみよう!

04:03

これまでFigmaの使い方の基礎を学んできました。この動画では、WebサイトやSNSで目を引くデザインを作る第一歩として、今回はFigmaを使ったバナー制作に挑戦してみましょう。 参考バナーのデザインを確認しよう まずは用意されたバナ...

Webデザイン > Figmaで実践
コンポーネント / オートレイアウトでテーブルを作ろう!

コンポーネント / オートレイアウトでテーブルを作ろう!

03:55

Webデザインにおいて「テーブル」は料金表や比較表、管理画面など幅広い場面で使われます。ただし、そのまま作ると修正や更新が面倒になりがちです。 そこで役立つのがFigmaのコンポーネント化。一度仕組みを作っておけば、デザインの一貫性を保ちつ...

Webデザイン > Figmaで実践

学習カテゴリーから探す

Webデザインの基本 Figmaの使い方 Figmaで実践 Webデザインの作り方 デザイン制作課題 コーディング環境の準備 HTMLの基本 CSSの基本 パーツのコーディング コーディング実践 Sassコーディング jQuery WordPress ドメインの取得 サーバー

まずはここから!

公開 : 15
Figma(フィグマ)とは VSCodeのインストール ボタンの作り方 jQueryとは ドメインとは

Webデザイン

公開 : 11 / 会員限定 : 11
Webサイトの設計図 テキストの配置とスタイル コンポーネント バナーを作ってみよう! ギャラリーサイトの活用

コーディング

公開 : 20 / 会員限定 : 31
コーディングとは？ 宣言文の記述から、headタグなど 基本のプロパティを覚える1 レスポンシブとは ブラウザで表示

サイト公開

公開 : 2 / 会員限定 : 5
ドメインとは ドメインの取得方法 サーバーとは ドメインとサーバーを繋ぐ サイトデータのアップロード