강의

멘토링

로드맵

Inflearn brand logo image
Design

/

UI/UX

スケッチアプリデザインの基礎になる[Sketch]

スケッチツールの基本的な使い方について学ぶクラスです。

  • agilelabs
3시간 만에 완강할 수 있는 강의 ⏰
Web Design
Sketch
Mobile App Design

学習した受講者のレビュー

こんなことが学べます

  • モバイルウェブ、アプリデザインのためのスケッチの使い方

  • スケッチアプリを活用したUIデザイン

  • スケッチアプリの基本的な使い方と理解

基本的なスケッチデザインツールを学ぶ
モバイルアプリをデザインしましょう! 💎

スペアデザイナーの皆さん、
嬉しいです💁🏻‍♂️

Sketch

モバイルデザインとWebデザインをしながら、スケッチはデザイナーに
軽量ながらも革命的なデザインツールとなりました。

スケッチはそれほど難しいツールではありません。 PhotoshopやAiがより複雑な機能をたくさん提供しているからです。デザイナーの業務速度を向上させてくれて、面倒な繰り返し作業を減らしてくれて夜勤をしないようにしてくれました。

しかし、実務を行うデザイナーの結果を見ると、同じスケッチアプリで作業しても、このような肯定的な機能を正しく活用していないことが多かったです。デザインされた画面ごとに共通の要素があるにもかかわらず、すべて異なるデザインになっているなど、トーン&マナーが一定にならないようにデザインされることが多いです。もちろん、まだ実力や経験が不足しているかもしれませんが、結局最も重要なのは、トーン&マナーを守ってくれるように基本基をうまく固めることであり、間違いを減らすのに役立つツールの助けを得ているのです。

スケッチアプリで初めて
すべてのデザイナーのために💫

スケッチはAdobeくんのデザインツールと違ってハングル化されていません。今後さらに出てくる様々なソフトウェアも基本的に英語でのみ提供されることが多いです。だからといって難しいのは一つもありません。

#1.
スケッチの基本
アートボードを理解する


アートボードは、モバイルデザインレイヤーを積み重ねるためのスペースです。アートボードの基本概念と理解から役立つ蜂蜜のヒントも見てみましょう。

#2.
アイコンから
UI 6つの図形まで

アイコンをデザインすることから、すべてのデザインを完成するのに最大の役割を果たす基本図形をすばやく簡単に整理します。

#3.
画像を埋める
さまざまな方法

画面のイメージを左右するカードデザイン 1つのシンボルで5つの画面を構成できます。カードデザインを構成する方法やシンボルで構造化する方法まで!

#4.
図形、
テキストスタイル


スタイル機能は、デザイン作業のトーン&マナーを維持する基本です。

#5.
基本的な
シンボルの理解


スケッチの核心、シンボルの基本的な理解と例で完成します。

💡講義の受講に必要なもの!

  • スケッチアプリがインストールされているMacBookが必要です。
  • Mac OSは最新の仕様にアップデートされている必要があります。以前のバージョンでは同じ機能が提供されていないか、画面が多少異なる場合があります。
  • Sketchアプリは有料アプリです。まだ購入していない場合は、14日間の無料使用期間を提供するTrialバージョンをインストールしてください。


Q&A 🤔

Q. デザインを初めて学びます。難しくないでしょうか?

デザイン非専攻者も簡単に聞ける講義です。もしスケッチの基本的な概念が必要な場合は、「基本基礎」プロセスを必ず一緒にしてください。

Q. なぜスケッチアプリを学ぶのが良いのですか?

スケッチアプリが作成され、Adobe XDを含むサードパーティ製の製品がウルルリリースされました。このうち何が良いと言うのは難しいのは本当ですが、これらのデザインツールの発展と多様性の始祖鳥の役割がまさにスケッチアプリです。スケッチアプリを扱うことに慣れている場合は、それ以降に開発されたすべてのツールをより簡単に扱うことができます。

Q. Windows PCも可能ですか?

残念ながら、Windows用のSketchはありません。プログラムを開発した会社がアメリカであるため、海外で主に使用するMacでのみ使用可能なソフトウェアです。今後のためにはMac一つスワイプしてみることも...

Q.スケッチを国内で使う企業はありますか?

はい、カカオなど国内企業でほとんどモバイルアプリをデザインする会社で使用しています。


知識共有者の紹介✔️

こんにちは、延南洞イ・ジェヨンです。

私は2017年に「おいしいスケッチ」というスケッチアプリの本を書きました。ボール入りの時間ほど売れない卒作ですが、😢😢 IT会社を運営しながらデザインツールに触れ、デザイナーとして、そして自分でデザインした内容を実物アプリサービスに仕上げていきながら、蓄積されたノウハウを共有し、より良いアイデアを作っていくことに喜びを感じています。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • スケッチアプリに初めて触れる方

  • Adobeツールを使ってアプリをデザインしながら苦労している人

  • 初心者GUIデザイナー

  • デザインスキルを高めたいデザイナー

  • 就職または離職予定デザイナー

こんにちは
です。

1,006

受講生

105

受講レビュー

7

回答

4.7

講座評価

8

講座

 

현직 스타트업 PO 13년차

현) 라이프스타일 플랫폼 PO

전) 헬스케어 플랫폼 Lead PO

전) 헬스케어 CRM 시스템 PO

전) 광고 플랫폼 PO

 

현) 리메인 디자인툴 테크닉 클래스 강사

현) 서울시 청년취업사관학교 서비스 기획 강사

전) 패스트캠퍼스 UI/UX디자인 스쿨 강사

전) LG전자 디자인팀 Sketch 디자인 강의

 

저서

프로덕트 개발의 모든 것

맛있는 스케치 디자인

피그마 가이드북 

カリキュラム

全体

9件 ∙ (2時間 0分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

8件

4.9

8件の受講レビュー

  • sunmeegeem9187님의 프로필 이미지
    sunmeegeem9187

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    I'm not a designer, but I thought it would be good to know from a collaborative perspective, so I listened to it. I liked how you taught it in an easy way.

    • agilelabs
      知識共有者

      Hello, thank you :) Thanks to your good review, I feel like my efforts were worth it. Although the content is lacking, I will prepare better content and update it in the future.

  • hyunjinpark0362님의 프로필 이미지
    hyunjinpark0362

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    Thank you for the great lecture/

    • y2guswn21178님의 프로필 이미지
      y2guswn21178

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      It was good

      • agilelabs
        知識共有者

        Thank you so much for taking the class till the end :)

    • 11st15003264757님의 프로필 이미지
      11st15003264757

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      I think it was good to study simple tools used in practice~

      • agilelabs
        知識共有者

        Thank you. I'm glad it helped. I'll try to update more.

    • heeweonlee6619님의 프로필 이미지
      heeweonlee6619

      受講レビュー 5

      平均評価 4.6

      5

      100% 受講後に作成

      I heard it well

    ¥4,016

    agilelabsの他の講座

    知識共有者の他の講座を見てみましょう!

    似ている講座

    同じ分野の他の講座を見てみましょう!