sketch3の基本知識
  • Sketch3って何?
  • Sketch3をインストールして起動してみよう
  • ワークスペースと初期設定
  • レイヤーの概念を学ぼう
  • レイヤーの選択や移動を使ってアイコンを完成させよう
  • グループ化を使ってレイヤーリストを整理しよう
  • スマートガイドを知る&移動の応用
  • 【チャレンジ問題】バラバラに配置されたレイヤーを完成版と同じ配置に直そう
基本操作(1)アートボード・ページ・シェイプ
  • アートボードについて学ぼう
  • アートボードのプリセットとカスタム設定
  • ページ機能について学ぼう
  • シェイプの基本的な使い方を学ぼう
  • マスク機能を使って写真を切り抜いてみよう
  • シェイプを自由な形に変形してみよう
  • リサイズとスケールの違いを知ろう
  • シェイプの形状モードを使ってカエルのアイコンを作ってみよう
  • RotateCopy機能を使って太陽のアイコンを作ってみよう
  • 【チャレンジ問題】写真を複雑な形に切り抜こう
基本操作(2)ベクター・テキスト・スタイリング
  • ベクターの基本的な使い方を学ぼう
  • 文字をなぞってベクターの練習をしよう
  • テキストの基本的な使い方を学ぼう
  • テキストを使って見出しをつくってみよう
  • SharedTextStyleを使って見出しを効率良くデザインしよう
  • テキストパスとアウトライン機能を使ってロゴを作ってみよう
  • インスペクタパネル上部の機能を学ぼう
  • FillsとBordersを使った画像を作ってみよう
  • ShadowsとBlurを使った画像を作ってみよう&SharedStyle
  • Viewの機能を知ろう
  • 【チャレンジ問題】かわいいメインビジュアルを作ってみよう
基本操作(3)その他の基本操作
  • 写真を編集してみよう1
  • 写真を編集してみよう2
  • ペンシルとscissorsを使ってみよう
  • symbols機能を使って効率良くヘッダーをデザインしてみよう1
  • symbols機能を使って効率良くヘッダーをデザインしてみよう2
  • 整列を使って新着記事デザインを作ってみよう
  • CSSの書き出しと画像書き出しのためのスライスをしてみよう
  • 画像を書き出してみよう
  • アートボードをiOSでプレビューできる「Sketch Mirror」の紹介
  • 【チャレンジ問題】"会場利用までの流れ"デザインを作ってみよう
アイコン・ボタン制作
  • ロケーションアイコンを作ってみよう
  • 三日月のアイコンを作ってみよう
  • メガホンのアイコンを作ってみよう
  • いろんなフラットデザインのボタンを作ってみよう1
  • いろんなフラットデザインのボタンを作ってみよう2
  • いろんなフラットデザインのボタンを作ってみよう3
  • 押したくなるお申し込みボタンを作ろう1
  • 押したくなるお申し込みボタンを作ろう2
  • 押したくなるお申し込みボタンを作ろう3
  • 【チャレンジ問題】ダウンロードボタンを作ってみよう
ダッシュボードページ制作
  • 第1回:シェイプを使ってサイトの枠組みを作ろう
  • 第2回:アイコンとテキストを使ってロゴを作ろう
  • 第3回:無料アイコンとテキストでサイドバーを作ろう
  • 第4回:マスク機能を使ってアカウントを作ろう
  • 第5回:ガイドや整列を使って効率良く見出しとタブボタンを作ろう
  • 第6回:symbols機能を使って効率良く目盛りを作ろう
  • 第7回:ベクターと形状モードを使って波グラフを作ろう
  • 第8回:シェイプやscissorsを使って円グラフを作ろう
  • 第9回:symbolsとshared styleを使い分けてデザインしよう
  • 第10回:効率良く帯グラフをデザインしよう
オンラインショップ制作1(トップページ)
  • 第1回:画像の書き出しを前提に環境設定しよう
  • 第2回:シェイプとガイドを使ってサイトの枠組みを作ろう
  • 第3回:ヘッダーを作成しよう
  • 第4回:アイコンを使ってロゴを作ろう
  • 第5回:ナビゲーションを作成しよう
  • 第6回:メインビジュアルを作ってみよう1
  • 第7回:メインビジュアルを作ってみよう2
  • 第8回:サイドバーの検索窓を作ってみよう
  • 第9回:サイドバーのカテゴリ一覧を作ってみよう
  • 第10回:新着商品一覧と人気商品一覧を作ってみよう1
  • 第11回:新着商品一覧と人気商品一覧を作ってみよう2
  • 第12回:フッターを作成しよう
オンラインショップ制作2(商品ページ)
  • 第13回:トップページをもとに商品ページの土台作りをしよう
  • 第14回:パンくずを作成しよう
  • 第15回:商品画像マウスホバー時のデザインをしてみよう
  • 第16回:商品情報を作ってみよう
  • 第17回:数量入力フォームとカートボタンを作ってみよう
  • 第18回:商品詳細情報の表を作ってみよう
  • 第19回:レビューを作ってみよう1
  • 第20回:レビューを作ってみよう2
  • 第21回:ページ全体を整えて画像を書き出してみよう
レストランのレスポンシブWebサイト制作1(PC用デザイン)
  • 第1回:シェイプとガイドを使ってサイトの枠組みを作ろう
  • 第2回:レストランのホームページのメインビジュアルを作ってみよう
  • 第3回:ロゴが中央にあるナビゲーションを作ってみよう
  • 第4回:メニューリンク一覧を作ってみよう
  • 第5回:レストランのアバウトを作ってみよう
  • 第6回:イベント一覧を作ってみよう
  • 第7回:スライダー付きのブログリンクを作ってみよう1
  • 第8回:スライダー付きのブログリンクを作ってみよう2
  • 第9回:予約フォームを作ってみよう1
  • 第10回:予約フォームを作ってみよう2
  • 第11回:埋め込み地図の作り方について