🔖 2021년 8월 1주 TOP3

🔖 2021년 8월 1주 TOP3

디자인의 10가지 원칙

다음은 디자인을 시작하기 전에 알아야 할 몇 가지 기본 디자인 원칙입니다.

대조 Contrast

대조는 예술의 원리로서 반대되는 요소와 효과의 배열을 말합니다. 예를 들어 밝고 어두운 색상, 부드럽고 거친 질감, 크고 작은 모양. 대비는 예술 작품에서 다양성, 시각적 흥미, 드라마를 만드는 데 사용할 수 있습니다. 대조는 디자인에서 다른 요소, 특히 인접한 요소가 어떻게 다른지 나타냅니다. 이러한 차이는 다양한 요소를 돋보이게 합니다. 대비도 접근 가능한 디자인을 만드는 데 매우 중요한 측면입니다. 특히, 시각 장애인의 경우, 불충분한 대비로 인해 텍스트 내용을 읽기가 매우 어려울 수 있습니다.

밸런스 Balance

예술의 원리로서 균형은 구성의 무게 분포를 나타냅니다. 실제 무게는 조각과 건축의 요소이지만 균형의 원리는 대부분 작품에서 모양과 형태의 시각적 무거움을 나타냅니다. 작품의 균형은 구도의 평등과 긴장에 영향을 미치며 작품에 평온함이나 혼돈감을 줄 수 있습니다.

강조 Emphasis

강조는 눈에 띄는 디자인의 일부분을 다룹니다. 대부분의 경우, 이것은 디자인이 전달하고자 하는 가장 중요한 정보를 의미합니다. 강조는 특정 정보의 영향을 줄이는 위해서 사용할 수도 있습니다. 이것은 디자인의 보조 정보에 "세세한 글자"가 사용되는 경우에 가장 뚜렷하게 나타납니다. 페이지 하단에 자리 잡은 작은 타이포그래피는 디자인의 다른 어떤 것보다 훨씬 덜 중요하므로 강조되지 않습니다.

비율 Proportion

비율은 작품의 다양한 부분 사이의 크기 관계입니다. 아티스트는 규모와 비율을 사용하여 깊이, 사실감, 방향 감각 상실 및 드라마와 같은 감각을 만들 수 있습니다.

계층 Hierarchy

계층 구조는 웹 사이트를 사용하는 사람들이 콘텐츠를 얼마나 잘 처리할 수 있는지와 직결되는 또 다른 디자인 원칙입니다.  디자인 내 요소의 중요성을 나타냅니다.  가장 중요한 요소(또는 콘텐츠)가 가장 중요한 것으로 나타나야 합니다.  제목과 부제목은 제목 및 본문과 관련하여 서로에 대한 중요성을 보여주는 형식으로 작성되어야 합니다.

.  .  👇 더 자세한 내용은 아래 원문에서 확인해주세요.

UX를 망치지 않는 설득력 있는 배너 디자인

배너의 기대치와 인지도를 높이기 위한 노력을 관리합니다.
배너의 뿌리는 광고입니다. 실제의 배너에서 영감을 받아 UX 세계로 변환되어, 사용자가 원하는 최종 목표를 달성할 수 있도록 합니다. 비교적 짧지만 흥미진진한 디자인 경력을 쌓으면서, 여러 단계에 걸쳐 후킹 할 수 있는 배너를 디자인하라는 요청을 받았었습니다. 일반적인 피드백은 더 매력적이고 눈길을 끌게 하는 것입니다.

배너는 외향적이예요!

외향적인 사람들이 항상 관심을 찾는 방식을 생각해 보세요 💁‍♀️. 한 페이지에여러 가지지 배너들이 나타나고, 관심을 끌기 위해 서로 싸우는 것을 상상할 수 있습니다. 클릭을 외치는 이들이 너무 많기 때문에 자신의 삶에서 정말로 필요한 것이 무엇인지 궁금해하는 사용자들이라면 혼란스러워질질 수 있습니다.
현수막의 관점에서 보면 '저요, 저요, 저요!' 외치는 것에 집중을 하는 것은 도움이 되지 않습니다. 이 초라한 배너의 삶은 쉽지 않을 것이에요.
배너들은 페이지에서 종종 가장 빛나는 요소가 됩니다. 그들은 또한 가장 많은 클릭을 얻기 때문에 디지털 플랫폼에서 많이 남용됩니다.
사용자와 공급자들에게 가치를 제공할 수 있도록 사용자 존재의 구조를 분해하여, 유형과 배치의 방법론적인 접근 방식을 찾아보겠습니다.

배너의 해부학

이미지에는 배너를 만드는 데 사용되는 4가지 주요 요소 (비주얼, 컨테이너, 텍스트, CTA)를 보여주고 있습니다.

1.비주얼:
배너에는 일반적으로 전달하려는 기본적인 커뮤니케이션 개념을 보완하는 이미지 또는 스타일 요소를 가지고 있습니다.

2.컨테이너:
이것은 모든 요소를 담는 아웃라인 박스로서, 사용자의 시선을 끌기 위해 생생하거나 대비되는 색상으로 제작되는 경우가 많습니다.

3.텍스트:
배너의 텍스트에는 사용자의 행동 유발에 매우 적합한 짧은 메시지를 포함합니다. 텍스트는 짧고 명확해야 합니다.

4. 행동 유도(CTA):
사용자가 행동을 수행할 수 있도록 초대하는 버튼이나 링크 또는 아이콘일 수 있습니다.

배너의 종류

배너는 주로 실행 가능 및 정보 제공의 두 가지 유형이 있습니다. 이 두 유형 모두 사용 상황에 따라서 하위 유형을 가질 수도 있습니다.

실행 가능한

.  .  👇 더 자세한 내용은 아래 원문에서 확인해주세요.

2021년 모바일 UI 디자인의 흔한 실수

이 아티클에서는 요즘에도 모바일 앱 디자인에서 여전히 찾을 수 있는 가장 흔한 UI 디자인 실수에 대해 체크리스트를 공유하고자 합니다.

1. 타이포그래피

2. 아이콘 및 이미지

3. 색상

4. 모양

5. 시각적 계층 구조

.  .  👇 더 자세한 내용은 아래 원문에서 확인해주세요.

🎄from.designer 

🗓️ 행사 일정 & UXUI 자료 

디자이너 공유, UXUI 스터디 참관, UX 발표자료 공유등 다양한 정보를 노션에서 확인하세요.

💭 단톡방 가입문의  (2,070명)

🎥 유튜브 UXUI 자료 영상  

🔖 이메일 

📍 SNS   @from.designer 페이스북 , 인스타그램