[260209] Illustrator 기초

 

 

Illustrator 기초 강의를 수강하였다.

아무래도 툴 실습이다보니 강의 안에 있는 실습은 최대한 해보는 것으로 목표를 잡고 하느라 오늘도 강의를 듣는데 생각보다 오랜 시간이 걸렸다.

오늘은 2-6강부터 3강까지 수강하였다.

 

 

 

 

 

 

---

 

TODAY project

 

[ Illustrator 기초 강의 수강 정리 내용]

 

 

2강. 기본 툴로 완성하는 그래픽 스티커 세트

 

스티커 시트 제작

 

 

 

 

 

 

 

 

3강. 아이콘 세트 디자인

 

아이콘 디자인의 원칙

  세트 → 여러 개의 아이콘을 일관성 있게 하나의 결로 디자인 하는 것

 

  아이콘?

  → 정보 전달을 위한 시각적 상징

  → 기호의 일종, 텍스트 없이 의미를 전달할 수 있는 시각적 언어

 

 

  역할

네비게이션 기능	앱 메뉴, 웹 인터페이스에서 빠른 이동 지원 (ex. 홈, 검색, 설정)
인지 강화	텍스트만 있을 때 보다 직관적 이해 속도가 빠름 (ex. 쓰레기통 아이콘 = 삭제)
공간 절약	UI에서 텍스트 대신 작은 아이콘으로 효율적인 공간 활용 가능
브랜드 아이덴티티	브랜드 철학과 톤 앤 매너를 반영하는 도구 (ex. Google Material Icons)

 

Google Material Icons

 

 

 

 

 

아이콘 디자인의 원칙

 

  Clarity, 명확성

    → 텍스트 없이도 누구에게나 명확한 의미 전달이 되어야함

    → 표현하려는 개념이 추상적이면 텍스트와 함께 사용하는 대안 사용

    → 개념을 빠르게 전달 할 수 있어야함.

   Readability, 가독성

    → 얼마나 쉽고 명확하게 읽을 수 있는지

    → 아이콘이 실제로 어떤 크기로 쓰일지를 고려해서 디자인을 해야함(실제 사이즈 필수)

    Alignment, 정렬

    → 시각적으로 보정을 하여 정렬

    → 좌우 길이 숫자가 아니라 중앙으로 보이는 곳으로 조정을 할 수 있어야 함(일종의 착시 현상)

 

 

   Brevity, 간결성

    → 작게 쓰이는 경우가 많아 최소한의 요소로 효율적으로 의미 전달이 중요

    → 불필요한 디테일 제거, 단순화해서 복잡하지 않게 느껴지도록

   Consistency, 일관성

    → 한 개만 단독으로 쓰이기보다는 세트로 사용되는 경우가 많음

    → 일관된 스타일 규칙을 유지하여 시각적 조화를 이루는 것이 중요함

 

스티커 시트 제작

 

  아이콘의 형식 결정

    → 라인, 면, 단색, 색 여러개 사용할 건지, 직선, 둥근 스타일 등

    라인 아이콘 → 아이콘 보다 다른 시각 요소들이 주목을 받아야함

    색을 사용한 구글 아이콘 → 각각의 아이콘이 개별의 의미와 특징을 보여줘야함 (개별적으로 쓰임), 약간의 입체적인 표현도 있음

 

 

 

  아이콘 활용 계획

    → 단독, 텍스트와 함께? 등 용도에 따른 계획

    → 추상적인 의미를 담았을 경우 명확성을 위해 텍스트와 함께 쓰이기도 함

    → 공간 활용 때문에 단독으로 사용하는 경우 명확한 의미 전달을 위해 아이콘 형태에 함축적인 의미가 담을 수 있도록 해야함

    아이콘을 어디에 어떻게 어떤 의미로 쓰일 것인지 계획이 있어야 전략이 세워지고 이에 따라 디자인이 달라짐

 

 

 

  유사 아이콘 리서치

    → 유사한 목적과 쓰임을 가진 아이콘을 참고하면 예상하지 못했던 문제를 미리 인지

    → 유사 아이콘을 실제 작업될 스크린 디자인에 얹고 대략적인 크기와 느낌, 미리보기 같은 느낌으로 확인할 수 있음

    → 시행착오를 미리 해결할 수 있음

 

 

  크기 규정과 그리드 활용

    → 4가지 구조를 포괄하여 담아낼 수 있는 크기를 만드는 것이 중요

    → 그리드를 만들어 아이콘 작업

 

  디테일 원칙 세우기

    → 작은 디테일이 스타일을 결정함

    → 일관성 부여하는데 도움이 됨

 

    → 앵커 포인트와 세그먼트 중심으로 됨

    → 위치를 어떻게 선택하냐에 따라 형태적으로 느낌이 크게 달라짐

    → 동일하게 적용해야 일관성 있게 됨

 

     → 곡률을 얼마나 돌리냐에 따라 형태적인 톤앤매너에 영향을 미침

 

 

 

  라인 아이콘 디자인

 

 

 

  솔리드 아이콘 디자인

 

 

   글래스모피즘 아이콘 디자인