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

コース一覧

Webデザインの作り方

全 3 動画

Webデザインを作ろう

Webデザインを作ろう

02:29

Webデザインの制作は、複数のステップを踏むことでクオリティの高いウェブサイトを作成するプロセスです。 ここでは、Webサイトの制作に関わるワイヤーフレームとデザインカンプについて解説いたします。解説を元にワイヤーフレーム→デザインカンプ...

Webデザイン > Webデザインの作り方
Figmaでバナーデザインのトレースに挑戦

Figmaでバナーデザインのトレースに挑戦

02:39

トレースは、デザインのテクニックやコツを効率よく学ぶことができる学習方法です。目的としては、優れたデザインを模倣することでデザインスキルを向上させることです。 トレース学習の目的 デザインの基礎を理解するレイアウト、配色、タ...

Webデザイン > Webデザインの作り方
ギャラリーサイトの活用

ギャラリーサイトの活用

02:27

デザインがうまくいかない、またはいいアイデアが思い浮かばないというのは、誰もが一度は抱える悩みです。そんな時に参考になるのが、世の中のデザインをまとめて公開しているギャラリーサイトです。これらのサイトでは、多様なデザインの例を閲覧すること...

Webデザイン > Webデザインの作り方

学習カテゴリーから探す

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

まずはここから!

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

Webデザイン

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

コーディング

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

サイト公開

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