Top 45 아이콘 제작 21661 People Liked This Answer

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 아이콘 제작 on Google, you do not find the information you need! Here are the best content compiled and compiled by the https://toplist.maxfit.vn team, along with other related topics such as: 아이콘 제작 아이콘 제작 사이트, 나만의 아이콘 만들기, 아이콘 제작 가이드, 아이콘 제작 프로그램, 무료 아이콘 제작, 일러스트 아이콘 만들기, 앱 아이콘 제작, 홈페이지 아이콘 제작


Icon DESIGN. If you see this, you can master it.[Lilustrator]
Icon DESIGN. If you see this, you can master it.[Lilustrator]


iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그

  • Article author: blog.naver.com
  • Reviews from users: 17519 ⭐ Ratings
  • Top rated: 4.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그 Updating …
  • Most searched keywords: Whether you are looking for iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그 Updating
  • Table of Contents:

블로그

악성코드가 포함되어 있는 파일입니다

작성자 이외의 방문자에게는 이용이 제한되었습니다

iconflow.com - 무료 아이콘 제작 사이트 : 네이버 블로그
iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그

Read More

iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그

  • Article author: goeuny.medium.com
  • Reviews from users: 35341 ⭐ Ratings
  • Top rated: 3.9 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그 마침 !!! 다음 분기 디자인팀의 궁극적 목표는 “Component를 제작하자!”였고, 서비스의 기본적으로 사용되는 아이콘부터 정립하는 작업을 진행 … …
  • Most searched keywords: Whether you are looking for iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그 마침 !!! 다음 분기 디자인팀의 궁극적 목표는 “Component를 제작하자!”였고, 서비스의 기본적으로 사용되는 아이콘부터 정립하는 작업을 진행 …
  • Table of Contents:

블로그

악성코드가 포함되어 있는 파일입니다

작성자 이외의 방문자에게는 이용이 제한되었습니다

iconflow.com - 무료 아이콘 제작 사이트 : 네이버 블로그
iconflow.com – 무료 아이콘 제작 사이트 : 네이버 블로그

Read More

웹 아이콘 디자인

  • Article author: helpx.adobe.com
  • Reviews from users: 4301 ⭐ Ratings
  • Top rated: 3.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about
    웹 아이콘 디자인
    웹 아이콘 만들기. Adobe Illustrator에서 모양 툴을 사용하여 벡터 모양을 신속하게 결합하고 향후 디지털 프로젝트에 사용할 인상적인 아이콘을 디자인 … …
  • Most searched keywords: Whether you are looking for
    웹 아이콘 디자인
    웹 아이콘 만들기. Adobe Illustrator에서 모양 툴을 사용하여 벡터 모양을 신속하게 결합하고 향후 디지털 프로젝트에 사용할 인상적인 아이콘을 디자인 … Adobe Illustrator에서 간단한 모양을 사용하여 개성 있는 아이콘을 디자인하는 방법을 살펴보세요.
  • Table of Contents:

프로젝트 설정

기본 모양 그리기

모양 결합

색상 추가

마무리하기

웹 출력용으로 저장


        웹 아이콘 디자인
웹 아이콘 디자인

Read More

브랜드를 생각하며 만드는 깔끔하고 트렌디한 아이콘 | 10000원부터 시작 가능한 총 평점 5점의 디자인, 웹·모바일 디자인, 아이콘·버튼 서비스 | 프리랜서마켓 No. 1 크몽

  • Article author: kmong.com
  • Reviews from users: 27333 ⭐ Ratings
  • Top rated: 3.6 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 브랜드를 생각하며 만드는 깔끔하고 트렌디한 아이콘 | 10000원부터 시작 가능한 총 평점 5점의 디자인, 웹·모바일 디자인, 아이콘·버튼 서비스 | 프리랜서마켓 No. 1 크몽 무료 소스로 대강 만든 아이콘이 아닌,. 통일된 컨셉으로 직접 디자인하는 맞춤형 아이콘을 제작합니다. A. 심플 단색 아이콘 : 10,000 원. …
  • Most searched keywords: Whether you are looking for 브랜드를 생각하며 만드는 깔끔하고 트렌디한 아이콘 | 10000원부터 시작 가능한 총 평점 5점의 디자인, 웹·모바일 디자인, 아이콘·버튼 서비스 | 프리랜서마켓 No. 1 크몽 무료 소스로 대강 만든 아이콘이 아닌,. 통일된 컨셉으로 직접 디자인하는 맞춤형 아이콘을 제작합니다. A. 심플 단색 아이콘 : 10,000 원. 137개 총 작업 개수 완료한 총 평점 5점인 PEPPER의 디자인, 웹·모바일 디자인, 아이콘·버튼 서비스를 114개의 리뷰와 함께 확인해 보세요. 디자인, 웹·모바일 디자인, 아이콘·버튼 제공 등 10000원부터 시작 가능한 서비스디자인, 웹·모바일 디자인, 아이콘·버튼
  • Table of Contents:
브랜드를 생각하며 만드는 깔끔하고 트렌디한 아이콘 | 10000원부터 시작 가능한 총 평점 5점의 디자인, 웹·모바일 디자인, 아이콘·버튼 서비스 | 프리랜서마켓 No. 1 크몽
브랜드를 생각하며 만드는 깔끔하고 트렌디한 아이콘 | 10000원부터 시작 가능한 총 평점 5점의 디자인, 웹·모바일 디자인, 아이콘·버튼 서비스 | 프리랜서마켓 No. 1 크몽

Read More

좋은 아이콘을 만드는 6단계

  • Article author: brunch.co.kr
  • Reviews from users: 40701 ⭐ Ratings
  • Top rated: 3.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 좋은 아이콘을 만드는 6단계 Better Icon Design in 6 Easy Steps | 저자 Scott Lewis는 Iconfinder에서 프리미엄 아이콘의 퀄리티를 리뷰하는 과정에서 글을 쓰게 되었다고 … …
  • Most searched keywords: Whether you are looking for 좋은 아이콘을 만드는 6단계 Better Icon Design in 6 Easy Steps | 저자 Scott Lewis는 Iconfinder에서 프리미엄 아이콘의 퀄리티를 리뷰하는 과정에서 글을 쓰게 되었다고 … Better Icon Design in 6 Easy Steps | 저자 Scott Lewis는 Iconfinder에서 프리미엄 아이콘의 퀄리티를 리뷰하는 과정에서 글을 쓰게 되었다고 합니다. 그런데 리뷰를 하면서 느낀 건  허접한 아이콘과 프리미엄(유료) 아이콘의 차이는 거의 한 끗 차이였습니다. 더 나은 아이콘 디자인에 여섯 단계에 내 디자인 가이드라인을 정리해보았습니다. 각 단계는 정말 기본적인 디자인 기본을 따른
  • Table of Contents:

아이콘 디자인 시 고려할 3가지 항목

1 그리드로 시작하라

2 단순하고 지오메트릭 형태로 시작하라

3 수치에 근거하라 모서리 라인 코너 커브 각도

4 일관적인 디자인 요소를 사용하라

5 디테일함과 꾸밈을 최대한 자제하라

6 독창적(unique)으로 만들라

좋은 아이콘을 만드는 6단계
좋은 아이콘을 만드는 6단계

Read More

아이콘 만드는 프로그램 ‘Free Icon Maker’

  • Article author: ssotori.tistory.com
  • Reviews from users: 47369 ⭐ Ratings
  • Top rated: 4.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 아이콘 만드는 프로그램 ‘Free Icon Maker’ 아이콘 만드는 프로그램 ‘Free Icon Maker’. 소이토리 2021. 7. 17. 18:53. 원하는 이미지나 사진을 아이콘 파일로 변환하거나 새로운 아이콘을 임의로 제작할 수 있는 … …
  • Most searched keywords: Whether you are looking for 아이콘 만드는 프로그램 ‘Free Icon Maker’ 아이콘 만드는 프로그램 ‘Free Icon Maker’. 소이토리 2021. 7. 17. 18:53. 원하는 이미지나 사진을 아이콘 파일로 변환하거나 새로운 아이콘을 임의로 제작할 수 있는 … 원하는 이미지나 사진을 아이콘 파일로 변환하거나 새로운 아이콘을 임의로 제작할 수 있는 무료 프로그램인 ‘Free Icon Maker’입니다. ▶ ‘Free Icon Maker’ 다운로드 사이트로 접속해 프로그램을 다운로드합니다..
  • Table of Contents:

관련글

댓글1

최근글

인기글

최근댓글

티스토리툴바

아이콘 만드는 프로그램 'Free Icon Maker'
아이콘 만드는 프로그램 ‘Free Icon Maker’

Read More

[[ICO Convert] 이미지(사진)로 아이콘 만들기 (PNG, JPG, BMP → ICO / 온라인 아이콘 변환, 만들기, 제작) ]

  • Article author: ghostweb.tistory.com
  • Reviews from users: 12143 ⭐ Ratings
  • Top rated: 4.9 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about [[ICO Convert] 이미지(사진)로 아이콘 만들기 (PNG, JPG, BMP → ICO / 온라인 아이콘 변환, 만들기, 제작) ] Updating …
  • Most searched keywords: Whether you are looking for [[ICO Convert] 이미지(사진)로 아이콘 만들기 (PNG, JPG, BMP → ICO / 온라인 아이콘 변환, 만들기, 제작) ] Updating 이전 포스팅에서 온라인 이미지 편집 툴인 Pixlr Editor에 대해서 알아볼 때 PNG 파일을 ICO 파일로 변환을 할 수 있다는 예제를 보여드렸는데요. 이번에는 이미지 파일(PNG, JPG, BMP)를 아이콘 파일로 변환하는..
  • Table of Contents:
[[ICO Convert] 이미지(사진)로 아이콘 만들기 (PNG, JPG, BMP → ICO / 온라인 아이콘 변환, 만들기, 제작) ]
[[ICO Convert] 이미지(사진)로 아이콘 만들기 (PNG, JPG, BMP → ICO / 온라인 아이콘 변환, 만들기, 제작) ]

Read More

아이콘 파일 ICO 제작하는 간단한 방법 두가지

  • Article author: itfix.tistory.com
  • Reviews from users: 39670 ⭐ Ratings
  • Top rated: 3.3 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 아이콘 파일 ICO 제작하는 간단한 방법 두가지 Updating …
  • Most searched keywords: Whether you are looking for 아이콘 파일 ICO 제작하는 간단한 방법 두가지 Updating 아이콘이나 파비콘을 만드는 방법은 대략 두가지 정도로 추릴 수 있을 듯 합니다. 직접 제작하는 것이 첫번째 방법이고, 두번째 방법은 아이콘 제작 전문 프로그램을 이용하는 것입니다. 아이콘 제작이라고 하니..
  • Table of Contents:

Header Menu

Main Menu

아이콘 파일 ICO 제작하는 간단한 방법 두가지

Sidebar – Right

Copyright © IT ERROR FIX All Rights Reserved

Designed by JB FACTORY

티스토리툴바

아이콘 파일 ICO 제작하는 간단한 방법 두가지
아이콘 파일 ICO 제작하는 간단한 방법 두가지

Read More

앱아이콘 이미지 제작 가이드 – 스윙 도우미

  • Article author: wp.swing2app.co.kr
  • Reviews from users: 3752 ⭐ Ratings
  • Top rated: 3.3 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 앱아이콘 이미지 제작 가이드 – 스윙 도우미 Updating …
  • Most searched keywords: Whether you are looking for 앱아이콘 이미지 제작 가이드 – 스윙 도우미 Updating
  • Table of Contents:
앱아이콘 이미지 제작 가이드 – 스윙 도우미
앱아이콘 이미지 제작 가이드 – 스윙 도우미

Read More


See more articles in the same category here: 533+ tips for you.

브랜드를 생각하며 만드는 깔끔하고 트렌디한 아이콘

취소 및 환불 규정

01. 전문가와 의뢰인 간의 상호 협의 후 청약철회가 가능합니다. 02. 전문가의 귀책사유로 디자인작업을 시작하지 않았거나 혹은 이에 준하는 보편적인 관점에서 심각하게 잘못 이행한 경우 결제 금액 전체 환불이 가능합니다. 03. 전문가가 작업 기간 동안 지정된 서비스를 제공하지 못할 것이 확실한 경우 지급받은 서비스 비용을 일할 계산하여 작업물 개수와 작업 기간 일수만큼 공제하고 잔여 금액을 환불합니다. 04. 서비스 받은 항목을 공제하여 환불하며, 공제 비용은 정가 처리됩니다. 가. 소비자 피해 보상 규정에 의거하여 작업물 원본의 멸실 및 작업 기간 미이행 및 이에 상응하는 전문가 책임으로 인한 피해 발생 시, 전액 환불 나. 시안 작업 진행된 상품 차감 환불 ⓐ. ‘디자인’에 대한 금액이 서비스 내 별도 기재가 되지 않았거나, 디자인 상품 패키지 내 수정 횟수가 1회(1회 포함) 이상인 서비스 상품의 시안 or 샘플이 제공된 경우 → 구매금액의 10% 환불(디자인 비용이 별도 기재되어 있는 경우, 해당금액 차감 후 환불) ※ 시안 제공 및 수정이 추가로 이뤄진 경우 환불 금액내 수정 횟수에 따라 분할하여 환불. 05. 주문 제작 상품 등 서비스 받은 항목이 없으며, 결제 후 1일 이내 작업이 진행되기 전 시점은 전액 환불 가능. 06. 다만, 환불이 불가능한 서비스에 대한 사실을 표시사항에 포함한 경우에는 의뢰인의 환불요청이 제한될 수 있습니다. 가. 고객의 요청에 따라 개별적으로 주문 제작되는 재판매가 불가능한 경우(인쇄, 이니셜 각인, 사이즈 맞춤 등) ⓐ. 주문 제작 상품 특성상 제작(인쇄 등) 진행된 경우. ⓑ. 인쇄 색상의 차이 : 모니터의 종류에 따라 색상의 차이가 발생하며,인쇄 시마다 합판 인쇄 방법의 특성상 색상 표현의 오차가 발생함. ⓒ. 디자인 서비스이며 수정 횟수가 존재하지 않았던 상품일 경우 시안 수령 후 환불 불가

좋은 아이콘을 만드는 6단계

저자 Scott Lewis는 Iconfinder에서 프리미엄 아이콘의 퀄리티를 리뷰하는 과정에서 글을 쓰게 되었다고 합니다.

그런데 리뷰를 하면서 느낀 건 허접한 아이콘과 프리미엄(유료) 아이콘의 차이는 거의 한 끗 차이였습니다.

더 나은 아이콘 디자인에 여섯 단계에 내 디자인 가이드라인을 정리해보았습니다.

각 단계는 정말 기본적인 디자인 기본을 따른 가이드 형식이며 어떤 엄격한 규칙에 근거하지는 않았습니다.

센스 있는 디자이너라면 스스로 충분히 걸러 본인에 맞게 작업하면 좋을 거 같네요.

강아지 아이콘을 새롭게 작업하는 예를 들어해 보겠습니다.

실제로 iconfinder에 올라온 아이콘이며 프리미엄 아이콘 정도의 퀄리티는 아닙니다만 리디자인을 통해 프리미엄 아이콘 될 거 같습니다.

아이콘 디자인 시 고려할 3가지 항목

잘 만들어진 아이콘은 단일이던 세트이던 아래 3가지 항목에 근거합니다.

구조(structure)

구조는 모든 아이콘의 기본 형태(form)입니다.

만약 당신이 아이콘의 디테일을 무시하고 (아이콘 대상의) 주요 형태를 그릴 때 사각형, 원, 직사각형, 삼각형 등 혹은 유기적 형태를 구성하는지? 잘 만든 아이콘은 단순함, 인지 가능한 패턴 혹은 형태(form)에 근거합니다. 가장 대표적인 도형인 – 원, 사각형, 삼각형은 아이콘 디자인을 위한 시각적으로 안정적인 기반을 만들 수 있습니다.

기본 도형 조합으로 만들어라.

기호(Character)

아이콘의 기호는 단일 아이콘 혹은 아이콘 세트에서 공유되는 요소로 구성되며 라운드 모서리, 각진 모서리, 선의 굵기 그리고 스타일(플랫, 라인, 속이 채워진, 글리프)과 같은 요소들은 둥근 또는 사각형 모서리, 선 두께, 스타일 (평면, 선, 충전 라인, 또는 문자 모양), 컬러 팔레트 등과 같은 것들입니다.

아이덴티티(Identity)

아이콘의 아이덴티티는 아이콘 본질 자체이거나 아이콘을 고유하게 만드는 것에 있습니다.

아이덴티티는 좋은(work) 아이콘인지 아닌지를 가름 지어줍니다.

잘 만든 아이콘의 초석은 인식률 혹은 선명함에 있습니다: 사용자가 형태, 아이디어 혹은 동작을 인식하는 것.

기호와 아이덴티는 종종 오버래핑되기도 하는데 아이덴티티 요소들은 기호 세트의 일부분으로 이용되기도 합니다.

6단계 시작

1. 그리드로 시작하라

여기서 사용하는 그리드는 각각의 아이콘 디자인을 위해 기본 폼을 만들기 위한 기본 가이드가 포함되어 있습니다.

저는 그리드 외곽 2픽셀은 “No-go Zone”이라고 부릅니다. 절대 필요한 경우가 아니면 해당 영역을 침범하지 않습니다. 저 영역을 만든 이유는 아이콘 주위에 여유 공간을 두기 위함입니다.

아이콘의 구조의 일부는 일반적인 형태(동그라미, 삼각형 등) 및 방향입니다. 만약 당신이 아이콘 외곽에 선(line)을을 그리는 경우 도형의 형태는 보통 사각형, 원, 삼각형, 직사각형 혹은 대각선 방향의 사각형 등이 될 것입니다.

아래 [SQUARE LAYOUT] 이미지를 보면 3개의 사각형이 중앙에 하늘색, 오렌지색, 녹색으로 있습니다.

제작할 대부분의 아이콘은 중앙 오렌지색 영역에 정렬될 것입니다.

아이콘 자체가 가진 시각적인 무게에 의해 결정 되는데 어떤 크기를 사용하는 게 맞는지 확인하고 싶은 경우 각 정사각형에 정렬을 시도해 보는 것도 좋을 거 같습니다.

아래 이미지를 보면 32픽셀 사각 형안에서 20×28픽셀의 사각형이 있습니다.

적당히(수치를 100% 맞출 필요 없이) 아이콘 비율에 맞게 가로 혹은 세로 비율로 아이콘을 20×28픽셀 혹은 28×20픽셀 형태를 준수합니다.

아래 그림과 같이 대각선 방향 아이콘은 원형 콘텐츠 영역의 가장자리에 정렬됩니다.

톱의 가장 바깥쪽 점은 원의 모서리에 정렬되는 것을 알 수 있는데 이런 것은 굳이 정확히 할 필요가 없습니다 영역입니다. 그냥 적당히 충분히 가깝게 해도 좋을 것입니다.

명심해야 할 것은 그리드나 가이드를 매번 정확하게 맞출 필요는 없습니다.

Dutch Icon으로 잘 알려진 Hemmo(아이콘 디자이너)가

“각각의 아이콘의 본질은 세트 구성의 중요성을 능가한다.”

라고 말한 거처럼 그리드는 당신이 만드는 아이콘의 일관성을 유지하는데 도움을 주지만 만약 당신이 좋은 아이콘을 만드는 것과 규칙(rules, guide line)에 근거하여 만드는 선택 사이에 있다면 규칙에 너무 얽매이지 마세요.

2. 단순하고, 지오메트릭 형태로 시작하라

아이콘 디자인은 연필 스케치하는 것과 같은 방식으로 시작합니다:

만들고자 하는 대상의 중요 형태를 기본 도형인 삼각형, 사각형, 원을 이용하여 적당한 형태로 시작합니다.

만들려 하는 아이콘이 자연 속에 이는 유기적인 것이라도 (저는) Adobe Illustrator에서 시작합니다.

특히 화면에서 작은 크기로 아이콘을 만드는 경우 모서리(edge) 안에서의 미묘한 차이는 손으로 스케치한 아이콘을 덜 세련되게 보이는 결과를 줍니다.

기본 도형으로 아이콘 디자인을 시작하는 것은 모서리(edge)를 더욱 정교하게(특히 커브) 만들 수 있고

요소 간의 상대적 비율을 쉽고 빠르게 조절할 수 있고 그리드와 폼에 맞춰 작업되는지 가이드해줍니다.

3. 수치에 근거하라: 모서리, 라인, 코너, 커브, 각도

가능하면 구멍, 코너, 커브 그리고 각도는 수치적으로 정확해야 합니다. 눈대중으로 적당히 그리지 말고 수치를 믿고 따르세요. 요소들 간의 불일관성은 결국 아이콘의 퀄리티를 떨어뜨립니다.

Angles(각도)

대부분 45˚로 작업을 하거나 그 배수에 맞게 작업을 합니다.

45˚도의 각도에서 앤티 얼라이징은 한결같이 표현됩니다(액티브 픽셀이 끝에서 끝까지 정렬).

그래서 결과는 선명하고 완벽한 자연적인 대각선 각도로 육안으로 쉽게 패턴을 인식하기 쉽습니다.

이러한 인식 가능한 패턴은 하나의 아이콘에서 여러 아이콘 세트와의 일관성 있는 조합을 만들어 줍니다.

만약 45˚(배수)를 사용 못하는 경우 절반(22.5˚, 11.25˚) 또는 15˚의 배수를 이용합니다.

위의 경우의 수를 대입하는 경우는 매각각 다르기 때문에 먼저 어떤 각도로 할지 미리 정합니다.

45˚의 절반을 이용하는 경우에도 앤티 얼라이징이 충분히 깔끔하게 잘 표현됩니다.

Curves(커브)

프리미엄/프로페셔널과 어설픈 아마추어가 만든 아이콘 퀄리티의 큰 차이를 확연하게 드러나게 하는 것은 커브(형태, 사용)입니다.

사람의 눈은 작은 미세한 변화를 알아챌 수 있지만, 인간의 눈 손 협응(손과 눈의 동작을 일치시키는 능력: 눈으로 보는 것과 동시에 손이 행동하는 것이 불일치)은 항상 높은 수준의 정교함을 가져다주지 못합니다.

저는 커브를 만들 때 손대중으로 하기보단 가급적이면 도형 툴을 이용하거나 수치 값에 근거해 작업합니다.

매뉴얼 커브 작업을 위해 보통 Adobe Illustrator의 constraint modifier key(shift)를 쓰거나 bezier curves를 더욱 정교하게 사용하기 위해 Astute Graphics(어도비 일러스트레이터 플러그인)의 VectorScribe와 InkScribe를 사용합니다.

손으로 그린 비규칙적인 커브는 좋지 안타!

Corners(코너: 모서리)

저는 보통 둥근 모서리를 사용하지 않지만 그래도 모서리를 사용하는 경우 개인적으로 radius 값을 2픽셀의 로 합니다. Radius 값은 어떤 디자인을 하느냐에 따른 것이니 2픽셀을 하실 필요는 없습니다.

제가 radius 값을 2픽셀로 하는 이유는 코너가 깔끔하게 라운드 처리되고 그렇다고 둥글둥글하게 보이지 않기 때문입니다.

둥그런 코너를 사용하던 안 하던 간 전체적인 도형 형태의 일부로서 만들 수 있는 시각적 결정에 근거하게 되니 각자 알아서 판단하시면 좋을 거 같습니다.

Pixel-perfection(완벽한 픽셀)

완벽한 픽셀은 아이콘, UI 디자인 등 요즘 인기 있는 화두지만, 특히 작은 크기를 디자인할 때 중요합니다.

크기가 작은 아이콘의 모서리에 앤티 얼라이징으로 인해 아이콘이 흐릿하게 보일 수 있습니다(정말 흔히 보는 일이죠 ㅎㅎ). 픽셀 그리드에 정렬되지 않는 선 사이의 공간이 앤티 얼라이징이 뿌옇게 될 것입니다.

코너와 커브 역시 수치적으로 정확할수록 더욱 선명한 앤티 얼라이징이 될 것입니다.

그러나 앤티 얼라이징 문제만큼은 큰 사이즈 아이콘의 저변과 레티나 디스플레이와 같은 고해상도의 등장으로 pixel-perfection도 전보다는 중요도가 낮아졌습니다.

*Pixel-perfect: 앤티 얼라이징 없이 픽셀 하나하나 색이 선명하게 표현되는 것.

Line Weights(선 두께)

저는 선 두께를 이용해야 하는 경우 2개의 (선 두께) 값이 이상적이란 걸 알았습니다.

경우에 따라 3개일 수 도 있지만 만약 3개 이상의 선 두께를 사용하면 아이콘 간의 응집력을 잃을 수 있습니다. 2배수 크기의 아이콘을 계산하기 위해 2픽셀과 4픽셀 두께를 선호합니다.

종종 아이콘의 개별 세부 사항은 규칙을 깨는(두께를 2px을 3px로 하는 경우) 경우도 있습니다만 저는 최대한 맞추려고 합니다.

대부분의 경우 아주 얇은 선은 피해야 하는데 특히 글리프(glyph)나 플랫 아이콘은 더더욱 그래야 합니다.

만약 의도적으로 라인 스타일 아이콘을 만들려고 하지 않는 한 아이콘의 형태를 정의하는 데에 있어 라인에 의존해서는 안됩니다. 도형의 형태를 정의해 주는 빛과 그림자의 의존하세요.

4. 일관적인 디자인 요소를 사용하라

Dutch Icon(회사 이름)의 Hemmo가 Icon Salon 2015에서 아이콘 디자인의 요소에 대해 기발한 얘기를 오랜 시간 동안 했습니다.

네덜란드 정부와 2년 동안 진행하는 아이콘 시스템 프로젝트에서 Hemmo와 디자인 파트너는 “notch(V자 형태)”를 아이콘에 적용했습니다. 모든 아이콘이 “notch”를 가지지는 않지만 대부분은 notch가 적용되어 있습니다. 이런 류의 강조는 소극적으로 사용되었으나 아이콘 세트를 하나로 일괄되게 묶을 수 있게 큰 도움을 줍니다.

notch가 적용된 아이콘

5. 디테일함과 꾸밈을 최대한 자제하라

아이콘의 근본은 신속하게 의미(형태, 아이디어, 액션)를 전달하는 것에 있습니다.

많은 자잘한 디테일은 오히려 아이콘을 인식하기 어렵고 복잡하게 보이게 됩니다.

아이콘 제작에서 디테일 단계(수위)는 아이콘/아이콘 세트의 아이덴티티에서 중요한 부분이 될 수 있습니다.

엄지 척하는 좋은 규칙을 가진 올바른 디테일 단계의 아이콘은 인지 가능하고 아이콘 형태가 명확한 최소한의 디테일을 표현하는 것에 있습니다.

예) 디테일 단계

자동차: 자동차 윤곽, 바퀴, 헤드라이트, 사이트 밀러, 번호판

연필: 연필 윤곽, 연필심, (꼭지에 있는) 지우게

6. 독창적(unique)으로 만들라

정말 아이콘 디자인을 잘하는 실력 좋은 디자이너가 고퀄의 아이콘을 무료로 배포하고 있습니다.

그런데 아쉽게도 그 디자이너 중 많은 이가 트렌드에 민감한다던가, 유명한 디자이너의 스타일을 카피하거나 의존하는 거 같습니다.

크리에이티브 전문가로서 아이콘 디자인을 건축 디자인, 타이포그래피, 산업디자인, 심리학, 자연 혹은 이외 많은 영역에서 영감을 찾아야 할 것입니다.

요즘 아이콘들은 서로 엇비슷한 게 많기 때문에 자기만의 독특함이 중요시되는 거 같습니다.

독특함은 아이콘의 아이덴티티 항목에서 중요하듯 아이콘을 보는 대상에게 더욱 인지 가능하게 하는 중요한 역할을 합니다.

이러한 6단계로 아이콘을 만드는 것은 최종 가이드가 아닌 아이콘 제작의 시작점으로 봐야 할 것입니다.

아이콘을 디자인하는 방법은 여러 가지가 있습니다.

여기 6단계는 이 글을 쓴 본인이 아이콘 디자인하는 관점에서 정리한 것입니다 그래서 다른 아이콘 디자이너들 만의 제작 방식이 다르고 이견이 있을 것입니다.

훌륭한 아이콘 디자이너가 되기 위해선 많이 보고 많이 경험하고 꾸준히 스케치(저는 항상 스케치북을 가지고 다닙니다)하는 습관을 가지면 좋을 거 같네요.

그리고 연습! 연습! 연습!

출처: http://blog.iconfinder.com/better-icon-design-in-6-easy-steps/

*제가 캐나다에서 회사를 다닐 때 어떤 프로그래밍 언어에 꼽힌 적이 있습니다. 그래서 유명한 raymond camden 이란 개발자에게 이메일로 어떻게 해야 잘할 수 있는지 이메일을 보낸 적이 있습니다.

그에게 회신이 왔는데 긴말 없고 “무조건 연습” 이렇게 짧게 답장이 와서 약간은 허무했던 기억이 있는데 1년이 지나고 나서 그게 무슨 의미였는지 깨달은 적이 있습니다.

이상용:

UX 디자이너입니다.

[email protected]

페이스북 ‘디자인’ 페이지를 운영하고 있습니다.

충남대학교에서 UI 디자인을 가르치고 있습니다.

블로터 아카데미에서 가끔 강의를 하고 있습니다.

https://www.facebook.com/uxdseoul

아이콘 만드는 프로그램 ‘Free Icon Maker’

원하는 이미지나 사진을 아이콘 파일로 변환하거나 새로운 아이콘을 임의로 제작할 수 있는 무료 프로그램인 ‘Free Icon Maker’입니다.

▶ ‘Free Icon Maker’ 다운로드 사이트 로 접속해 프로그램을 다운로드합니다.

‘Free Icon Maker’ 1.0 버전 설치 파일을 첨부합니다.

iconmaker_setup.msi 1.29MB

‘iconmaker_setup.msi’ 파일을 실행한 다음 손 댈 필요없이 ‘Next’만 계속 클릭해 설치하면 됩니다.

프로그램 설치가 완료되면 바탕 화면의 ‘Free Icon Maker’ 바로 가기 아이콘을 실행한 다음 상단의 이미지 파일 열기 아이콘을 클릭합니다.

이미지 파일은 png, jpg, bmp, gif 형식이 지원되며 해당 형식을 지정해 원하는 이미지를 선택합니다.

이미지를 불러온 뒤 이미지를 아이콘 파일로 변환하기 위해 하단의 ‘Add’ 버튼을 클릭합니다.

아이콘 파일의 크기를 지정하는 창이 표시됩니다.

너무 작은 사이즈를 선택하면 점자 형식으로 표시되므로 적당한 사이즈를 선택합니다.

(원본 이미지의 크기가 작아야 아이콘 파일이 작아도 정상적으로 표시되므로 원본 이미지 사이즈를 줄인 후 작업을 진행하는 것이 좋습니다.)

원하는 크기의 아이콘 파일이 표시되면 상단의 저장 아이콘을 클릭해 저장하면 됩니다.

기존의 이미지 파일을 변환해 아이콘 파일을 만드는 방법외에도 새로운 파일 만들기 아이콘을 클릭해 사이즈를 지정한 다음 직접 아이콘 파일을 만들 수도 있습니다.

오른쪽 창에서 색상을 지정한 다음 왼쪽 창의 도구들을 이용해 아이콘 파일을 만들면 됩니다.

자신만의 아이콘을 만들 수 있는 간편한 프로그램입니다.

▶ 고화질로 이미지 사이즈를 변경하는 프로그램 ‘High Quality Photo Resizer’

▶ 간편한 이미지 편집 프로그램 ‘포토웍스(photoWORKS)’ 다운로드와 사용법

▶ 윈도우10 바탕 화면에 사진 고정하기 ‘Overlap Wallpaper’

So you have finished reading the 아이콘 제작 topic article, if you find this article useful, please share it. Thank you very much. See more: 아이콘 제작 사이트, 나만의 아이콘 만들기, 아이콘 제작 가이드, 아이콘 제작 프로그램, 무료 아이콘 제작, 일러스트 아이콘 만들기, 앱 아이콘 제작, 홈페이지 아이콘 제작

Leave a Comment