2017년의 위험한 디자인 트렌드 (Dangerous Design trends 2017)

이 글은 Eleana Gkogka Dangerous Design trends 2017 글을 번역했습니다. 저의 모든 글은 허가를 받고 진행 하였습니다.

3 + 3 좋은 디자인 트렌드가 악화되어 사용자 환경에 해가 될 수 있습니다.

책을 표지로 판단할 수는 없지만, 웹사이트 디자인으로 판단할 수는 있습다. 사람들은 제품과 웹사이트를 기능성과 유용성에 대해 알기 전에 그들의 디자인을 바탕으로 초기에 선 평가하는 경향이 있습니다. 제품을 신선하고 매력적으로 유지하기 위해서는 다음의 디자인 트렌드가 필요합니다. 하지만 디자인 트렌드는 만병통치약일까요?
디자이너들은 디자인 트렌드를 따르는 것이 디자이너 일의 중요한 부분이라는 것을 알고 있지만, 그것들을 맹목적으로 사용해서는 안됩니다. 모든 트렌드가 유용하거나 모든 경우에 적합한 것은 아닙니다. 좋은 트렌드도 나빠질 수 있고 사용자 환경에 악영향을 미칠 수 있습니다. 그렇기 때문에 우리는 그것들을 주의깊게 사용하고, 그것들을 걸러내고, 필요할 때 조정해야 합니다.

2017년에는 3가지 이상의 위험한 디자인 트렌드와 이를 현명하게 사용하는 방법을 살펴보겠습니다.

Bright colours (밝은 색상)

presentation
우리 모두가 알다시피 색은 감정을 전달할 수 있고 그것들은 브랜드와 UI 디자인에서 전략적으로 사용될 수 있습니다. 밝은 색은 어두운 색이나 중립적인 색보다 우리의 관심을 끌고 긍정적인 감정을 유발하는 경향이 있습니다. 밝고 선명한 색은 항상 재미있고, 에너지가 넘치고, 대담하지만 파스텔 색상은 더 편안하고 추상적입니다.
2017년은 흥미 진진한 해로 신생 기업 및 신제품들이 시장에서의 자리를 놓고 싸우는 버섯처럼 보입니다. 색은 우리의 관심을 끌고 우리와 함께 어울리는 좋은 방법입니다. 이것이 바로 역동적이고 활기찬 색이 점점 더 인기를 얻고 있는 이유입니다. 그러나 이러한 경향이 매력적인 만큼 쉽게 역효과를 내고 사용자 경험을 방해 할 수 있습니다.

Dangers (위험)

  1. 큰 밝은 색상의 표면이나 인접한 밝은 색상은 글자 그대로 우리의 눈을 '깜박'이게 만들 수 있습니다. 상처가 난 눈은 닫히거나 떠나길 바라며, 이것이 처음부터 눈을 깜박이게하는 색을 사용한 이유입니다.
  2. 밝은 색상은 텍스트 뒤 또는 근처에 있어 불쾌하거나 성가시게 하거나 불가능하게 만들 수 있습니다. 밝은 색상은 더 많은 빛을 반사합니다. 그들이 읽으려고하는 동안 사람들의 얼굴에 횃불을 번쩍이는 것과 같습니다. 비록 그들이 읽을 수 있을지라도, 당신과 당신이 거기서 말하려고 하는 것은 무엇이든 싫어하는 부정적인 경험을 가질 것입니다.
presentation

Do - 해야 할 것

  • 더 밝거나 더 중립적인 진한 색상의 큰 덩어리로 밝은 색상의 균형을 맞 추십시오.
  • 시선을 끌고 사용자를 안내하기 위해 밝은 색상을 세부적으로 사용하십시오.
  • 장식 요소로 큰 타이포그라피에 밝은 색상을 사용하십시오.
  • 밝은 색상을 사용하여 내용이나 상호 작용을 강조하고 홍보하십시오.

Don’t - 하지 말아야 할 것

  • 밝은 색상은 큰 표면이나 주된 배경색으로 사용하지 마십시오.
  • 한 페이지 또는 서로 옆에 너무 많은 밝은 색을 사용하지 마십시오.
  • 주 텍스트 카피 뒤 또는 근처에 밝은 색을 사용하지 마십시오.
  • 작은 아이콘이나 네비게이션과 같이 의미를 갖는 작은 표면에는 밝은 색을 사용하지 마십시오.

Experimental Layouts (실험적인 레이아웃)

presentation
관심을 끌기 위한 경쟁에서, 디자이너들은 상상력의 한계를 거부하며, 조화를 거스르며, 독특한 불균형과 비정형 구조를 가진 디자인으로 직접적인 혼란을 불러옵니다. 실험적인 레이아웃은 2017년에 더욱 인기를 끌고 있습니다.
이런 경향은 흥미롭고 재미있습니다. 이것은 몇몇 다양성을 추가하는 좋은 방법이고 깔끔한 배치로 이루어진 바다에서 두드러지는 예술이나 패션 디자인을 도울 수 있습니다. 실험적인 레이아웃은 완벽하게 균형이 맞지 않습니다. 사진, 타이포그래피 또는 인터페이스는 일반적으로 정렬되지 않고 요소가 서로 다른 패딩들을 가지고 있고 종종 겹치는 경향이 있습니다.

Dangers (위험)

  1. 우리의 일상생활은 충분히 혼란스럽습니다. 온라인으로 정보를 찾는 동안 더 많은 정보가 필요합니까? 레이아웃의 불균형한 장난은 웹 사이트의 정보의 비소거성과 검색 가능성을 쉽게 방해할 수 있으므로 검색을 괴멸시킵니다. 주된 목적이 내용이 많은 페이지에서 정보를 얻는 것이라면 레이아웃 구조가 필요하다.
  2. 시각적 계층 구조는 또한 콘텐츠를 통해 사용자를 안내하는 데 매우 중요합니다. 실험적인 레이아웃에서, 요소들은 종종 서로 떨어져 떠다니면서, 이상한 방법으로, 때로는 무작위로, 비계층적인 방법으로 콘텐츠를 나눕니다. 다른 요소가 페이지의 덜 보이는 영역에서 겹치거나 끝날 수 있으므로 특히 정보를 읽기, 그룹화 및 정보를 처리하기가 어렵습니다.
presentation

Do - 해야 할 것

  • 콘텐츠를 통해 읽는 것이 주된 목적이 아닌 경우 실험적인 레이아웃을 사용합니다.
  • 잘 구조화된 블록과 정렬된 블록 사이에 있는 불균형 레이아웃을 세부적으로 사용합니다.
  • 그룹화된 요소를 근접하게 유지하고 다른 컨텐츠 덩어리를 명확하게 구분합니다.
  • 대비가 좋고 타이포그래피가 충분히 큰 경우에만 겹치는 요소를 사용하십시오.

Don’t - 하지 말아야 할 것

  • 내용이 많은 페이지에서 실험적인 레이아웃을 사용하지 마십시오.
  • 잠재 고객의 콘텐츠 탐색 시간이 제한되어있을 때 불균형한 레이아웃을 사용하지 마십시오.
  • 페이지 전체에 요소를 무작위로 던지지 마십시오. 일부 기본 정렬은 항상 수행되어야합니다.
  • 맹목적으로 요소를 겹치지 마십시오. 대조 및 관련 의미를 고려하십시오.

Little details (작은 세부 사항들)

presentation
미니멀리즘은 오랫동안 인기가 있었고 지금도 인기가 있습니다. 그러나 현재 보다 상세한 레이아웃으로 전환하는 것을 목격하고 있습니다. 거기에는 이유가 있습니다; 최소한의 디자인은 더 상세하고 복잡한 구성만큼 즐거움과 차별화를 위한 많은 기회를 제공할 수 없습니다. 요즘에는 디테일에 집중하는 것이 매우 중요합니다.
디테일이 거의 없는 공간은 내비게이션 점과 같은 작은 요소에서 기능하지 않는 부동 요소에 이르기까지 눈을 움직이게 할 수 있습니다. 날아다니는 장식 아이콘, 밑줄, 기하학적 형상, 조각들은 어떤 디자인에든 흥미로운 음을 더할 수 있기 때문에 점점 더 인기를 얻고 있습다. 이들은 유용한 코멘트처럼 균형점, 구분 기호 또는 콘텐츠에 대한 포인터 역할을 할 수 있습니다.

Dangers (위험)

  1. 세세한 내용은 주의를 끌고 사용자를 즐겁게 하는 데 유용할 수 있지만, 실수로 실제, 내비게이션 및 콘텐츠와 경쟁할 수 있습니다. 너무 많은 세부 정보는 사용자가 컨텐츠를 탐색하거나 스캔하는 데 도움이 되지 않고 계층을 압도적으로 혼란스럽게 할 수 있습니다. 디지털 노이즈 및 결함은 별로 도움이 되지 않습니다.
  2. 작은 디테일은 종종 이미지나 타이포그래피 옆에 장식적인 요소로 사용되기도 하고 때때로 그것과 겹치기도 합니다. 때로는 스크롤이나 마우스 커서를 따라갑니다. 결과적으로, 그들은 우리의 관심을 얻게 되는데, 그것은 좋기도 하고 나쁘기도 합니다. 우리는이 기능을 알고 있어야하며 가독성을 위태롭게하지 않으면 서 적절하게 배치해야합니다.
presentation

Do - 해야 할 것

  • 가독성에 영향을 미치지 않도록 내용을 인식하면서 세부적인 것을 사용하십시오.
  • 주요 내용을 주의 깊게 보거나 분리하려면 작은 세부 정보를 포인터로 사용하십시오.
  • 최소한의 깨끗한 레이아웃으로 세부 사항의 균형을 유지하십시오.
  • 콘텐츠와 관련된 세부 정보에 컨텍스트를 추가하십시오.

Don’t - 하지 말아야 할 것

  • 내용이 많은 페이지에서 세부 정보를 사용하지 마십시오.
  • 목적이 없거나 이야기를 전달하는 데 도움이되지 않는 임의의 세부 정보는 피하십시오.
  • 기능 없는 세부 정보를 주 사용자 내비게이션과 구분해 보십시오.
  • 사소한 디테일을 당신의 디자인의 주요 구성요소가 아닌 작은 기쁨으로 다루십시오.

Honorable mentions (명예로운 언급)

Tiny typography (작은 타이포그래피)
presentation
더 작아진 타이포그래피는 고급스럽고 세련되어 보입니다. 그것은 다른 요소가 숨을 쉬기 위한 공간을 남겨두고 눈이 움직이게 합니다. 작은 서체를 사용하면 공간과의 전투없이 흥미로운 대비와 대조를 만들 수 있습니다.
반면에 작은 글자체는 큰 텍스트 블록에서 길을 잃거나 내용 검색 및 가독성을 저해 할 수 있습니다. 조심해서 작은 타이포그래피를 사용하십시오 - 짧은 단락에만 사용 하십시오. 또한 크기가 13pt 미만인 타이포그래피를 사용하지 마십시오.

Experimental navigation (실험적인 내비게이션)

presentation
더 많은 디자이너들이 혁신을 시도함에 따라 실험적인 내비게이션 패턴이 점점 더 인기를 얻고 있습니다. 서로 다른 내비게이션 스타일은 콘텐츠가 적은 웹 사이트를 더 흥미롭게 하거나 사용자가 특정 방식으로 탐색하는 데 도움을 줄 수 있습니다.
실험적인 내비게이션 패턴은 사용자가 상호작용할 수 있을 만큼 충분히 직관적인 경우 유용하고 유용할 수 있습니다. 이것은 모든 디자인이나 모든 사용자에게 적합하지 않으며 사용성을 테스트하는 것이 매우 중요하다는 것을 알고 있어야합니다.

Animations (애니메이션)

presentation
애니메이션은 UI 디자인에서 무한한 가능성을 제시합니다. 그들은 매우 창조적인 변화, 그리고 경험을 향상시킬 수 있습니다. 애니메이션은 어떤 디자인에서든 레이어를 추가할 수 있으므로 올바른 위치에 주의를 끌 수 있습니다. 애니메이션은 최소한의 레이아웃을 강화하여 스토리텔링과 사용자 상호작용을 향상시킵니다.
애니메이션을 지나치게 사용하면 웹 사이트가 무겁고 로드 시간이 늘어나 사용자의 인내심을 테스트할 수 있습니다. 잘못되거나 불필요한 애니메이션은 또한 사용자를 혼란시키거나 오도할 수 있으므로 그것들을 현명하게 사용해야 합니다.
presentation

결론

웹사이트와 제품들이 넘쳐나는 가운데, 디자이너들은 다음과 같은 디자인 트렌드를 따라 신선하고 적절한 디자인을 유지하려고 노력합니다. 하지만 유행은 위험할 수 있고 만병통치약이 되어서는 안 됩니다. 우리가 달성하고자 하는 내용, 사용자, 목표에 따라 그것들을 신중하게 사용하는 것이 중요합니다.
마지막으로 가장 중요한 것은 멋있고 현대적으로 보이기 위해 사용자 경험을 희생해서는 안 된다는 점입니다.

이 글은 번역 글입니다. 원본 링크입니다.



presentation

안녕하세요! Early adopter입니다.페이스북 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰" 또는 "페이스북"으로 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!
https://bit.ly/2L6WsZp