강의

멘토링

로드맵

Inflearn brand logo image
Design

/

UI/UX

スケッチアプリマスターコース[Sketch App]

スケッチアプリの基本的な使い方を知っていますが、スケッチアプリのシンボルとプロトタイピング機能をうまく活用していない場合は、スケッチアプリをよく知っているとは言えません!

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

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

こんなことが学べます

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

  • スケッチアプリのコアシンボル機能マスター

  • 効率的なデザイン環境を構築する方法

今始めましょう
しばらくすると、あなたもマスターになることができます

🙆🏻‍♀全国にデザイナーの皆さんウェルカム! 🙆🏻‍♂

デザイナーの業務スキルを向上させ、より良いデザイン環境を作るためにデザインツール講座をする
「ヨンナムドンイジェヨン」です!


🗒講義紹介 - スケッチアプリマスターコース(中級)

スケッチはそれほど難しいツールではありません。 PhotoshopやAiがより複雑な機能をたくさん提供しているからです。しかし、モバイルデザインとWebデザインをしながら、スケッチはデザイナーにとって軽いながらも😎革命的なデザインツールになりました。デザイナーの業務速度を向上させてくれて、面倒な繰り返し作業を減らしてくれて夜勤をしないようにしてくれました。 (私にとっては夢のようだった😱)

しかし、実務をするデザイナーの結果を見ると、同じスケッチアプリで作業をしても、このような肯定的な🤬機能を正しく活用していないことが多かったです。デザインされた画面ごとに共通の要素があるにもかかわらず、すべて異なるデザインになっているなど、トーン&マナーが一定にならないようにデザインされることが多いですね。 (刺すのは私だけか🥵)

シンボルはこれらの問題を根本的に解決できるツールであり、シンボルで作ったコンポーネントは開発者にとっても有用な情報になります。スケッチをする人は誰でもシンボルを絶賛します。これをより効果的かつ効率的に使用できる方法を考えます。

私たちはこれらのケースに属する必要があります。スケッチで絵を描くのではなく、本物のUIを描くスケッチマスターコースを紹介します!

1.難しいシンボル簡単に概念整理!

シンボルに対する漠然とした恐怖や難しさがありましたか? Apple ios Ui リソースを読み込む 使用中にインスペクタ画面が複雑に見えましたか?基本的なシンボルの構造を理解することは難しくありません。簡単かつ迅速にシンボルを理解し、すぐに例を作成しながら一度にまとめることができます!シンボルはそれほど難しくありません:)

2. 😱シンボル3つで画面を作るって?


上の画像の最初の画面に見えるコンポーネントがたくさんあります。ナビゲーションバー、内部を構成する5つのコンテンツ、下のタブバーまで.. そして合計4つの火花を構成しました。しかし、これらすべての画面で使用されるシンボルはわずか3つです。 3つのシンボルだけで無限大の画面を構成できます。

3. 😱アイコンデザイン方法&シンボル活用方法

タブバーのアイコンon_offを簡単に変更する方法、ナビゲーションバーで使用されるアイコンの活用、アイコンデザインガイド、
アイコンひとつだけデザインし、色とりどりに変更して使う方法など、実務でぜひ必要な内容だけを盛り込みました。

4. 👌 カードデザイン一つで5つの画面を構成する

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

5. 😱リサイジングのための概念完璧なクリーンアップ!

レスポンシブデザインが必要ですか?画面を動かすと、一緒に動くレイヤーがさかのぼりますか?デザインされたグループレイヤーのサイズを変更したりアートボードのサイズを変更したりするとき、どうすれば好きなように調整できますか? Adjust contents resize と Resizing の基本概念まで完全に整理します。

🙌この講義を受講するために必要なもの!

Macbook + Sketchアプリ - スケッチアプリがインストールされているMacBookが必要です。

Mac OSは最新仕様にアップデートされている必要があります。以前のバージョンでは同じ機能が提供されていないか、画面が多少異なる場合があります。 MacのOSをアップデートしないと、Sketch appのアップデートはインストールされません。

Sketchアプリは有料アプリです。まだ購入していない場合は、14日間の無料使用期間が提供されるTrialバージョンをインストールしてください。機能はすべて同じように使用できます!

そして情熱だけを持ってきてください。それから「アルジュ?」



🙋🏻‍♂️質問がありますよ!

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

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

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

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

Q. Windows PCも可能ですか?

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

Q. いいえ、ポケットの事情を知りながらMacを消します!

A. MacBookをお持ちの場合は、ほとんどのデザインツールをすべて使用できますが、Windows OSノートブックを使用すると、スケッチ、フリントなど、むしろ使用できないソフトウェアもあります。個人的な意見ですが、同じお金をかけてノートパソコンを購入し、より長期間使用しながら様々なツールを身につけるには、MacBookをお勧めします。そして会社に就職して「私はMacBookを使うことができないのですが」が通じないことがありますから。りんごギャンソンではなく実務用!クリエイターになろう!

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

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

Hello!エブリボディ「ヨンナムドンイジェヨン」

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

今始めましょう。
始まった人と始まっていない人は、大きな違いを表します。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • スケッチアプリのシンボルを活用できない方

  • モバイルアプリを設計するデザイナー

  • モバイルアプリ、ウェブを企画する企画者

  • デザイナーなしで作業する一人の開発者

  • 効率的なデザイン環境を構築したい方

こんにちは
です。

1,006

受講生

105

受講レビュー

7

回答

4.7

講座評価

8

講座

 

현직 스타트업 PO 13년차

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

전) 헬스케어 플랫폼 Lead PO

전) 헬스케어 CRM 시스템 PO

전) 광고 플랫폼 PO

 

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

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

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

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

 

저서

프로덕트 개발의 모든 것

맛있는 스케치 디자인

피그마 가이드북 

カリキュラム

全体

9件 ∙ (2時間 10分)

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

受講レビュー

全体

6件

4.3

6件の受講レビュー

  • gywns17207490님의 프로필 이미지
    gywns17207490

    受講レビュー 10

    平均評価 5.0

    5

    100% 受講後に作成

    I heard you well.

    • ykoo4404님의 프로필 이미지
      ykoo4404

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      It was helpful because the explanation was not difficult.

      • agilelabs
        知識共有者

        Hello ykoo, thank you for listening to my poor lecture :)

    • midasweb7님의 프로필 이미지
      midasweb7

      受講レビュー 1

      平均評価 3.0

      3

      78% 受講後に作成

      I heard you well. Do you have any plans for additional lectures?

      • agilelabs
        知識共有者

        I'm adding the update, thanks :)

    • uskya10048988님의 프로필 이미지
      uskya10048988

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      It was a lecture where I could learn the tools step by step👍 Thank you for making a great lecture😁

      • agilelabs
        知識共有者

        Thank you for listening to my shortcomings.

    • heeweonlee6619님의 프로필 이미지
      heeweonlee6619

      受講レビュー 5

      平均評価 4.6

      5

      100% 受講後に作成

      I heard you well.

    ¥6,526

    agilelabsの他の講座

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

    似ている講座

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