Webデザイナー独学入門
オンライン講座
目次
理解
Understand
Webデザイナーの企画力
Webデザインはヒアリングが最重要
共通認識と期待値調整はWebデザイナーにも必要
何のためのWebサイト?
誰のためのWebサイト?
Webデザイナーが進行すべき制作工程のまとめ
クライアントが本当に欲しいものは、Webサイトではないかもしれない
WebデザイナーがいなくてもWebサイトをつくる方法
静的サイトか動的サイトかはWebサイトの運営方法で決まる
Webサイトの更新タイミングと定期メンテナンスについて決めておこう
モバイル対応の必要性と実現方法
Webサイト制作に納品は必要か
納品型のWebサイト制作
非納品型のWebサイト制作
Webサイト公開前の確認方法
プロジェクトを開始しよう
企画
Plan
Webデザイン制作においてトーン&マナーが重要な理由とトンマナの種類
Webデザインにおけるトーン&マナーの決め方
カフェのWebサイトのトンマナを決めるために集めた既存事例
Pintarestを使ってWebサイトのトーン&マナーのアイデアを集めよう
既存事例をグルーピングしてWebサイトの方向性を決める方法
Webサイト制作の仮案件
Webサイトのコンセプトとトーン&マナーを決める
ワイヤーフレームを描く
ユーザーフローを考える
企画書をまとめてクライアントに提案する
Sketchの基礎
Sketch
2020年版 Webデザインのツール比較
ベクター画像とビットマップ画像とは
Sketchを始めよう
Sketchで描いた図形をまとめる
Sketchで立方体を描く
Sketchでカスタムシェイプを描く
Sketchのベクターツールでベジェ曲線を描く
Sketchでテキストを追加する
Sketchでパスをアウトライン化する
Webサイトの最適な画像サイズ
Sketchで画像を読み込む前に
Sketchで画像を読み込んで使用する
Sketchで画像を塗りとして指定する
Sketchの塗りオプションを使う
Sketchでよく使うスタイルを登録する
Sketchのシンボルを使って作業を効率化する
Sketchでレスポンシブなデザインを実現する
Sketchでオブジェクトを効率的に整列させる
Sketchから画像を書き出す方法
Figmaの基礎
Figma
Figmaを始めよう
Figmaで描いた図形をまとめる
Figmaで立方体を描く
Figmaでカスタムシェイプを描く
Figmaのペンツールでベジェ曲線を描く
Figmaでテキストを追加する
Figmaでパスをアウトライン化する
Webサイトの最適な画像サイズ
Figmaで画像を読み込む前に
Figmaで画像を読み込んで使用する
Figmaの画像設定オプションを変更する
Figmaの塗りオプションを使う
Figmaでよく使うスタイルを登録する
Figmaのコンポーネントを使って作業を効率化する
Figmaから画像を書き出す方法
Figmaでレスポンシブなデザインを実現する
Figmaでオブジェクトを効率的に整列させる
プロトタイプ
Prototype
執筆中...
×
404
Page not found :(
The requested page could not be found.