WORK ABOUT LAB CONTACT
contact@yellow-finger.com
02.2205.4128
Practical Design Tips And Guidelines For Beginner Designers
초보 디자이너를 위한 실용적인 디자인 팁과 가이드라인
Practical Design Tips And Guidelines For Beginner Designers
It’s easy for beginner designers to get overwhelmed and lose confidence when creating presentations, landing pages, app and web design mockups, and even cards. Laurent Baumann shares a few simple guidelines and practical tips to help you in such situations.
초보 디자이너들은 프레젠테이션, 랜딩 페이지, 앱 및 웹 디자인 모형, 심지어 카드를 만들 때 압도당하고 자신감을 잃기 쉽다. Laurent Baumann은 그러한 상황에서 여러분을 돕기 위한 몇 가지 간단한 지침과 실용적인 팁을 공유합니다.
요약 :)
수십 년 동안 초보 디자이너와 함께 일한 사람으로서 저는 공통적인 문제를 목격했습니다.

프레젠테이션, 개인 웹사이트 만들기, 앱 아이디어 목업 만들기, 심지어 메뉴나 카드 만들기와 같은 디자인 작업에 압도되는 경우가 많습니다.

능력과 기술이 부족해서가 아니라 그래픽 디자이너가 이해하도록 훈련받은 규칙과 시스템에 익숙하지 않기 때문입니다.
더보기→

출처.
Laurent Baumann. (2023.05.22). Smashing Magazine. Practical Design Tips And Guidelines For Beginner Designers . 2023.05.25. https://www.smashingmagazine.com/2023/05/practical-design-tips-guidelines-beginner-designers/
수십 년 동안 초보 디자이너와 함께 일한 사람으로서 저는 공통적인 문제를 목격했습니다. 프레젠테이션, 개인 웹사이트 만들기, 앱 아이디어 목업 만들기, 심지어 메뉴나 카드 만들기와 같은 디자인 작업에 압도되는 경우가 많습니다. 능력과 기술이 부족해서가 아니라 그래픽 디자이너가 이해하도록 훈련받은 규칙과 시스템에 익숙하지 않기 때문입니다. 이 차이를 메우기 위해 빠르고 배우기 쉬우면서도 모든 디자인 프로젝트를 크게 향상시킬 수 있는 몇 가지 간단한 원칙을 정리했습니다. 이 기사에서는 좋은 디자인의 네 가지 핵심 요소 에 초점을 맞출 것입니다 . 여기 있습니다: 구조 , 간격 , 리듬 , 대비 . 이러한 간단한 개념을 학습함으로써 누구나 보기에 좋을 뿐만 아니라 장애가 있는 사람들을 포함한 다양한 청중을 만족시키는 효과적인 디자인을 만들 수 있어야 합니다. 이러한 기본적인 디자인 개념의 힘을 배울 준비가 되셨습니까? 그렇다면 저를 따라오세요! 구조 # 구조는 사람들이 정보를 흡수하는 데 도움이 됩니다. 개별 도구를 식별하기 전에 도구 모음이 표시됩니다 . 양식의 특정 필드를 식별하기 전에 양식을 인식합니다 . 적절한 구조는 정보에 더 빨리 액세스하는 데 도움이 됩니다. 다이빙하기 전 메인 메뉴, 선택 화면입니다. 예를 살펴보겠습니다. 웨비나 등록 페이지를 만든다고 상상해 보십시오. 웨비나 페이지에는 다음 정보가 포함되어야 합니다. 이벤트 제목, 짧은 시놉시스, 입장료는, 행사의 시간과 날짜, 호스트의 이름, 호스트의 사진, 호스트를 위한 짧은 약력, 호스트를 위한 일부 소셜 링크, 등록 버튼, 외침 : "나와 함께 라이브에 참여하십시오!". 이러한 항목을 여러 그룹/버킷으로 그룹화해야 한다면 어떻게 될까요? 각 그룹/버킷의 이름을 어떻게 지정하시겠습니까? 내가 만들 그룹은 다음과 같습니다. 정보를 그룹화하는 방법이 정확하지 않을 수도 있지만 괜찮습니다. 아이디어는 당신에게 시작을 제공하는 것입니다! 표제 주인 물류 센터 호출 호스트 이름 행사 날 제목 호스트 사진 시간 및 기간 개요 호스트 바이오 가격 소셜 링크 등록 버튼 이제 이러한 버킷이 있으므로 계속 진행하겠습니다. 청중이 버킷을 어떤 순서로 수집하기를 원합니까? 내 선택은 큰 등록 버튼이 있는 헤드라인을 먼저 선택한 다음 물류를 선택하는 것입니다. 나는 호스트 정보를 우회로로 더 많이 보관할 것입니다. 더 많은 것을 배우고 싶다면 선택 사항입니다. 이 두 버전을 비교하십시오. 오른쪽 에 있는 정보를 섭취하는 것이 더 쉽지 않습니까 ? 나란히 있는 두 가지 버전: 왼쪽에는 페이지가 어느 정도 정리된 것처럼 보이지만 요소가 분리되어 있어 흐름을 따라가기가 어렵습니다. 오른쪽 페이지에는 모든 호스트 정보가 포함된 사이드바와 모든 이벤트 관련 항목이 포함된 기본 콘텐츠가 있습니다. 정보가 잘 정리되어 있으면 정보에 액세스하는 것이 훨씬 쉽습니다. ( 큰 미리보기 ) 보시다시피 정보의 구조는 정보를 흡수하는 능력에 큰 영향을 미칩니다 . 한 걸음 더 나아가겠습니다. 아름다움은 잘 정리된 정보의 결과물이라고 생각합니다. 요컨대, 아름다운 것을 만들려고 하지 마십시오. 잘 정리된 것을 만들고 아름다움이 나타나는 것을 지켜보십시오! “ “잘 디자인되고 사용자 친화적인 정보 아키텍처는 사용자가 정보 검색에 소요되는 시간과 노력을 줄이고 필요한 정보를 성공적으로 찾을 수 있도록 합니다. 주요 정보 아키텍처 작업에는 콘텐츠의 공통 기능 식별, 유사한 정보 개체 그룹 구성, 동일한 주제에 대한 문서를 다른 문서에 연결하는 작업이 포함됩니다.” — Anastasia Stefanuk, " UX 디자인에 대한 정보 아키텍처의 중요성 " 간격 # 그래픽 디자인의 간격은 레이아웃 내의 요소 배열을 나타냅니다. 적절한 간격은 디자인을 시각적으로 더 매력적으로 만들고 보는 사람이 이해하기 쉽게 만듭니다. 주의를 집중시키고, 계층 구조를 만들고, 가독성을 향상시키는 데 도움이 됩니다. 다른 예를 살펴보겠습니다. 왼쪽에는 모든 간격이 동일합니다. 오른쪽에서 간격은 구조의 영향을 받습니다. 내부 그룹 요소는 더 밀접하게 그룹화되어 콘텐츠에 대한 가시적인 "스캐폴딩"을 만듭니다. 두 가지 버전이 나란히 있습니다. 왼쪽은 모든 여백이 동일합니다. 오른쪽에서 여백은 관련 요소의 정도에 비례합니다. 예를 들어 양식의 필드는 양식 외부의 요소보다 더 가깝습니다. 다양한 수준의 간격. ( 큰 미리보기 ) 인쇄에서는 종이가 공짜가 아니기 때문에 공간이 비쌉니다. 그렇기 때문에 과거에는 "명품 잡지"만이 아름다운 여백과 경쾌한 레이아웃을 제공할 수 있었습니다. 오늘날 공백은 사실상 무료입니다. 모두를 위한 럭셔리! "흰색 공간은 디자인 요소 사이의 영역입니다. 타이포그래피 글리프(읽을 수 있는 문자) 사이의 공간을 포함하여 개별 디자인 요소 내의 공간이기도 합니다. 그 이름에도 불구하고 공백은 흰색일 필요가 없습니다. 질감, 패턴 또는 배경 이미지까지 여백은 디자인 요소의 균형을 맞추고 콘텐츠를 더 잘 구성하여 시각적 커뮤니케이션 경험을 향상시키는 훌륭한 도구입니다.” — Mads Soegaard, " 디자인에서 여백의 힘 " 공간은 흘러야 한다 # 요소 주변의 일관된 간격은 작업에 시각적 조화와 통일성을 제공합니다. 디자인의 모든 구성 요소에서 일관된 모양을 보장합니다. 불규칙한 틈이 시청자의 시선을 주 초점에서 멀어지게 하여 역효과를 낳기 때문입니다. 모든 개체 사이의 간격을 균일하게 유지하면 콘텐츠가 간섭 없이 통신할 수 있습니다. 다음은 요소 사이와 주변에 멋진 흐르는 공간을 만들기 위한 몇 가지 팁입니다. 상자에 센터링 # 상자 안에 이미지(예: 로고)를 넣어야 하는 경우가 있습니다. 이 경우 최소 길이의 절반 이상을 최소 여백으로 남겨 두십시오. 예를 들어 이미지가 넓은 경우 높이의 절반을 최소 여백으로 사용합니다. 이미지가 길면 너비의 절반을 사용합니다. 두 가지 버전이 나란히 있습니다. 왼쪽은 모든 여백이 동일합니다. 오른쪽에서 여백은 관련 요소의 정도에 비례합니다. 예를 들어 양식의 필드는 양식 외부의 요소보다 더 가깝습니다. 요소가 숨을 쉴 수 있는 공간을 남겨주세요! ( 큰 미리보기 ) 수직 중앙 정렬 텍스트 # 대부분의 텍스트 덩어리는 기준선과 소문자의 상단 사이에 있습니다. 눈을 약간 가늘게 뜨면 무슨 뜻인지 알 수 있습니다. 텍스트를 세로로 중앙에 배치할 때 좋은 경험 법칙은 소문자의 높이를 중앙에 맞추는 것입니다. 디자이너 연설에서는 " x-height " 라고 합니다 . 일부 서체는 약간의 수직 조정이 필요할 수 있지만 여기서는 간단하게 하겠습니다. 소문자의 높이를 기준으로 두 줄 사이의 중앙에 텍스트가 적절하게 배치됨 대부분의 텍스트 덩어리는 기준선과 소문자의 상단 사이에 있습니다. ( 큰 미리보기 ) “왜 높이를 'x'라고 부르나요? 문자 'x'는 알파벳에서 모든 끝이 확장 지점 없이 기준선과 평균선 모두에 닿는 유일한 문자이기 때문입니다. a, c, e, o, r 또는 s와 같은 곡선 문자는 일반적으로 글꼴의 x 높이를 약간 통과합니다.” — Sirine Matta, " 타이포그래피에서 대문자 높이와 X 높이는 무엇입니까? ” 도형의 텍스트 # 단 몇 줄의 코드로 데이터 그리드, 차트, 스케줄러 및 달력과 같은 고급 JavaScript 구성 요소를 추가합니다. 30일 무료 평가판 버튼이나 레이블과 같은 상자 안에 텍스트를 중앙에 배치할 때 소문자의 높이를 사용하여 중앙에 배치하고 텍스트 위와 아래뿐만 아니라 텍스트 주위에 동일한 양의 공간이 있는지 확인해야 합니다. 두 세트의 버튼. 한 세트에서 공간은 위, 아래, 왼쪽 및 오른쪽으로 일관됩니다. 다른 세트는 간격이 일정하지 않습니다. 전체적으로 균일하게 유지하십시오! ( 큰 미리보기 ) 중심 다각형 # 다각형을 중앙에 배치할 때 다각형 주위에 상자를 중앙에 배치하는 대신 각 점을 통과하는 원을 중앙에 배치합니다. 다시 한 번 이렇게 하면 모양 주변의 공간이 좋고 균일해집니다. 상자 기반 센터링과 원 기반 센터링이 있는 원 안의 3점 다각형(재생 버튼)입니다. 다른 행에도 동일하지만 5포인트 다각형(별)이 있습니다. 재생 버튼과 별을 중앙에 적절하게 배치하십시오. ( 큰 미리보기 ) 중첩된 둥근 상자 # 동그란 상자가 멋집니다. 날카로운 모서리가 없습니다. 마치 자갈처럼 모래가 깔리거나 침식된 것처럼 디지털 모양이 더 인간적이고 유기적으로 느껴집니다. 그러나 둥근 상자를 다른 상자에 넣을 때 내가 자주 본 실수는 상자 외부와 상자 내부에 동일한 경계 반경을 사용하는 것입니다. 이렇게 하면 밴드(여기서는 색 그라데이션으로 표시됨)의 너비가 일정하지 않게 됩니다. 대신 이러한 둥근 상자 중첩을 수행할 때 비례 반경을 사용해야 합니다 . 각각 내부 상자를 포함하는 두 개의 둥근 모서리 상자가 나란히 있습니다. 왼쪽에서 내부 상자 모서리 반지름은 외부 반지름과 일치합니다. 오른쪽에서 내부 반지름은 여백 크기에 비례합니다. 각 상자의 기울기는 근관의 너비가 오른쪽에서는 일정하지만 왼쪽에서는 그렇지 않다는 사실을 강조합니다. 하나의 둥근 상자를 다른 상자 안에 중첩할 때 비례 반경을 사용해야 합니다. ( 큰 미리보기 ) 리듬 # 인간의 눈은 빨리 지루해집니다. 관심을 유지하려면 정기적으로 구문 분석하고 탐색할 수 있는 새로운 것을 제공해야 합니다. 그러나 당신은 그것을 너무 어렵게 만들고 싶지도 않고, 매번 너무 "새롭게" 하고 싶지도 않습니다. 단지 흥미롭고 다양한 패턴을 따라 부드럽게 걷는 것입니다. 리듬은 효과적으로 의사 소통하면서 시청자의 관심을 끌고 유지하는 부드러운 흐름에 기여합니다. 시각적 리듬은 또한 콘텐츠를 통해 독자를 안내하는 방향 신호를 제공합니다. 글쎄요, 생각해 보면 슬라이드 데크는 똑같고 포트폴리오, 앱 온보딩 흐름 및 기타 많은 것들도 마찬가지입니다. 간단한 규칙 세트로 제한되는 다양성을 만듭니다. 왼쪽과 오른쪽으로 시작하고 언젠가는 편안하다면 3분의 1을 사용해 보세요. 어렵지 않아요~ 보시면 아시겠지만! 상단에는 모든 슬라이드가 동일한 레이아웃인 슬라이드 데크가 있고, 하단에는 다양한 이미지와 텍스트가 번갈아 가며 멋진 리듬을 만드는 슬라이드 데크가 있습니다. 다양성은 청중의 참여를 유지하는 데 도움이 됩니다. ( 큰 미리보기 ) “예술과 디자인의 리듬은 조화를 이루는 요소 간의 관계를 의미합니다. 리듬은 패턴, 색상과 모양의 관계, 선과 형태의 반복에서 볼 수 있습니다. 리듬은 보는 사람의 시선을 특정 초점에 고정시키기보다 작품 주위로 안내하는 데 도움이 됩니다.” — " Rhythm ", "Principles of Design" BBC 시리즈의 일부 반복은 리듬의 핵심입니다 # 반복은 리듬의 핵심입니다. 색상, 모양 및 텍스트 스타일과 같은 요소를 재사용하면 디자인 내에서 통일성과 일관성을 만들어 보다 체계적이고 시각적으로 매력적으로 느낄 수 있습니다. 또한 선택을 더 의도적으로 만듭니다. 예를 들어, 나는 무언가의 시작과 끝을 알리기 위해 반복될 수 있는 모든 요소를 ​​북 엔드 라고 부릅니다. 모양과 색상은 창의성을 표현하고 콘텐츠에 생명을 불어넣는 좋은 방법입니다! 주제가 멋지고 미묘한 방식으로 끝났다는 것을 청중에게 알리는 데 도움이 됩니다. 일련의 슬라이드입니다. 첫 번째 슬라이드에는 왼쪽 상단의 제목 아래에 기울어진 금색 막대가 있습니다. 마지막 슬라이드에서 동일한 막대의 힌트가 오른쪽 하단에 표시되어 섹션의 끝을 시각적으로 제안합니다. "책 끝" 요소를 사용하여 섹션의 시작과 끝을 표시하는 것은 시각적 감각을 더하기 위한 좋은 변명입니다. ( 큰 미리보기 ) 특정 시각적 요소의 반복은 우리의 시선을 사로잡는 패턴을 만들고, 우리의 두뇌를 사로잡고, 우리의 관심을 사로잡아 어떤 디자인이든 더 역동적이고 표현력이 풍부하며 미학적으로 만족스럽게 만들 수 있습니다. 콘텐츠의 기타 리프를 찾습니다. 코러스를 찾아라! Smashing Magazine으로 광고하기 다음은 메타 예제입니다. 이것들은 모든 삽화 사이의 통일감을 만들기 위해 이 기사 전체에서 재사용한 요소입니다. 몇 가지 색상을 선택하고 화살표 스타일을 결정하고 더 많은 디자인을 선택해야 했습니다. 이것의 더 큰 버전은 일반적으로 디자인 시스템 이라고 합니다 . 3개의 패널이 나란히 있습니다. 첫 번째 패널에는 기사 전체에서 사용된 다양한 색조의 모음이 포함되어 있습니다. 가운데 섹션은 화살표와 같은 그래픽 요소, 회피 및 개선된 알약, 아이콘 및 그라데이션과 같은 기타 요소로 구성됩니다. 오른쪽 패널에는 이 문서 전체에서 사용된 3가지 글꼴 두께와 4가지 글꼴 크기의 폭포가 있습니다. 내 미니 디자인 시스템. ( 큰 미리보기 ) 리듬 읽기 # 사람들의 망막에 단어를 입력할 때 텍스트 청크의 크기와 눈을 다음 줄로 이동하는 데 필요한 노력 사이에서 적절한 절충안을 찾아야 합니다. 그것은 일종의 기계적이기 때문에 기계적으로 들립니다. 줄이 너무 길어서 다음 줄의 시작 위치를 찾기가 어렵습니다. 줄이 너무 짧고 아이 캐리지 리턴을 위해 읽기가 너무 자주 중단됩니다. 저는 보통 한 줄에 8~12단어가 주요 텍스트 블록의 좋은 목표라는 것을 알았습니다. 너무 엄격할 필요 없이 몇 문장으로 단어를 세어 보세요. 또한 이것은 영어에 대한 좋은 규칙이지만 다른 언어에는 다른 스위트 스팟이 있을 수 있음을 명심하십시오. 사이드바, 캡션 또는 더 좁은 내용의 경우 5~6단어를 목표로 할 수 있습니다. 예제에서 일부 텍스트를 읽어 보십시오. 줄이 너무 길지 않을 때 눈이 따라가기가 얼마나 쉬운지 알게 될 것입니다! 상단에는 매우 긴 줄이 있는 단락이 있습니다(한 줄에 22단어 이상). 왼쪽 아래에는 한 줄에 8단어가 있는 텍스트 단락이 있고 오른쪽에는 한 줄에 12단어가 있는 텍스트 단락이 있습니다. 두 하단 단락 모두 읽기가 훨씬 더 쉽습니다. 열이 좁을수록 읽기 쉽습니다. ( 큰 미리보기 ) 더 나아가기 전에 미국 작가이자 작문 강사인 Gary Provost의 말을 인용하고 싶습니다. 그의 리듬에 대한 표현은 정확합니다. “이 문장은 다섯 단어로 구성되어 있습니다. 여기에 다섯 단어가 더 있습니다. 다섯 단어로 된 문장이 좋습니다. 그러나 여러 개가 함께 있으면 단조로워집니다. 무슨 일이 일어나고 있는지 들어보십시오. 글이 지루해집니다. 그것의 소리는 무인 항공기입니다. 정지된 레코드와 같습니다. 귀는 약간의 다양성을 요구합니다. 이제 들어. 나는 문장의 길이를 바꾸고 음악을 만든다. 음악. 글이 노래합니다. 그것은 즐거운 리듬, 릴트, 하모니를 가지고 있습니다. 짧은 문장을 사용합니다. 그리고 중간 길이의 문장을 사용합니다. 그리고 때때로 독자가 휴식을 취하고 있다고 확신할 때, 나는 상당한 길이의 문장, 에너지로 불타고 크레센도의 모든 추진력, 드럼의 롤, 심벌즈의 충돌로 구축되는 문장으로 그를 참여시킬 것입니다. –이것을 들어라, 중요하다는 소리.” — 게리 프로보스트 정당하지 않음 # 정렬된 텍스트는 양쪽에 정렬되어 나타납니다. 이것은 매우 바람직한 속성이지만 자연스럽게 발생하기는 매우 어렵습니다. 편집 및 디자인 도구는 보기 좋게 정당화된 텍스트를 생성하는 작업을 모두 제대로 수행하지 못합니다. 대신 글자 간격, 단어 간격을 미세 조정하고 적절한 하이픈을 사용하고 때로는 텍스트를 다시 작성해야 합니다. 귀하의 임무는 읽기 속도를 저해하는 텍스트 간격을 피하는 것입니다. 따라서 수동으로 작업하는 데 시간을 할애하지 않는 한 왼쪽 정렬 텍스트를 대신 사용하는 것이 좋습니다 . 이 반짝이는 오른쪽 가장자리에 대한 대가는 그만한 가치가 없습니다! 텍스트 열 3개: 왼쪽에는 하이픈 연결과 최소한의 간격으로 세심하게 제작된 양쪽 맞춤 텍스트가 있습니다. 가운데에는 우아하지 않은 간격이 있는 자동으로 정렬된 텍스트가 있습니다. 오른쪽에는 왼쪽 정렬된 텍스트 텍스트를 적절하게 정렬하는 것은 어렵고 왼쪽 정렬은 덜 위험하고 더 보기 좋습니다. ( 큰 미리보기 ) 대비 # 대비는 주의를 끌고, 계층을 만들고, 가독성을 높이고, 차분함이나 에너지와 같은 감정을 불러일으키기 위해 차이(색상, 크기, 모양, 무게, 방향 또는 질감)를 사용하는 것을 말합니다. 리듬이 박자라면 대조는 선율이다. 낮은 대비를 염두에 두십시오. # 시각 장애가 있는 사람을 포함하여 모든 사람이 콘텐츠에 액세스할 수 있도록 하려면 색상 배경의 텍스트가 쉽게 읽을 수 있도록 충분한 대비를 가져야 합니다. 당신을 위해 그것을 계산할 수 있는 많은 앱이나 플러그인이 있습니다(기사 끝에 몇 가지 참고 자료를 포함시켰습니다. 추가 정보를 확인하십시오 ). 지금은 명암비 4.5 이상이 권장된다는 사실만 알면 됩니다 . 4개의 버튼이 연속으로 있습니다. 가장 왼쪽에 있는 두 개의 버튼은 색상 대비 비율이 충분합니다. 오른쪽에 있는 두 개의 버튼에는 충분한 대비를 제공하지 않는 색상 조합이 있습니다. 대비는 항상 색상 선택을 안내해야 합니다. 텍스트에 액세스할 수 있도록 하는 많은 옵션이 있으며 가능한 경우 명암비가 가장 좋은 옵션을 선택해야 합니다. ( 큰 미리보기 ) 텍스트 크기 대비 # 텍스트 크기는 정보를 구성하는 데 매우 편리한 도구로 사용할 수 있습니다. 잘 구성된 텍스트는 보는 사람이 정보를 이해하는 데 필요한 노력을 크게 줄일 수 있습니다. 각 표제 레벨 사이의 대비는 구조가 보이도록 충분히 높아야 합니다. 가능한 경우 서로 다른 헤더 수준 간의 일관된 비율이 일반적으로 더 우아해 보입니다. 일반적으로 텍스트의 무게감(굵게, 보통, 가벼움)은 레벨이 높아질수록 줄어듭니다. 텍스트 크기의 두 배율이 나란히 표시됩니다. 왼쪽의 첫 번째 행은 큰 텍스트 헤더입니다. 그 아래에 텍스트는 높이의 2/3가 됩니다. 오른쪽의 다른 열에서 첫 번째 행은 왼쪽 열과 동일한 큰 텍스트입니다. 그 아래에는 텍스트 높이의 3/4 등이 있습니다. 구조는 제목(제목)으로 시작합니다. ( 큰 미리보기 ) 텍스트 가중치 대비 # 경우에 따라 사용 중인 서체에 미디엄, 세미 볼드, 라이트 등과 같은 다양한 가중치가 적용됩니다. 이러한 경우에는 일반적으로 페어링할 때 하나의 가중치를 건너뛰어 둘 사이에 충분한 대비를 만드는 것이 좋습니다 . 단어의 척도: 씬, 라이트, 레귤러, 미디엄, 세미 볼드, 볼드, 헤비. 각 단어는 해당 가중치를 사용합니다. 그 아래에는 동일한 문장 두 개가 있습니다. 첫 번째 문장에서 문장의 절반은 일반이고 나머지 절반은 중간입니다. 둘 사이의 대비는 매우 낮습니다. 두 번째 문장에서 전반부는 regular를 사용하지만 후반부는 semi-bold를 사용하여 훨씬 더 나은 대비를 제공합니다. 미묘한 글꼴 두께가 너무 많습니까? 하나 건너뛰세요. ( 큰 미리보기 ) 의도하지 않은 대조 방지 # 텍스트를 아이콘과 결합하면 이해를 돕고 시각적 매력을 높이거나 요소의 중요성을 높일 수 있습니다. 그러나 항상 텍스트의 두께가 아이콘의 두께와 일치하는지 확인하십시오 . 그러면 서체의 일부인 것처럼 느껴질 것입니다. 더 우아해 보이지만 그래픽 디자인에서 되풀이되는 주제인 청중이 그것에 대해 생각조차 하지 않도록 합니다. 좋은 디자인은 보이지 않습니다 ! 세 쌍의 아이콘과 텍스트. 두 쌍에서 텍스트는 아이콘보다 가늘거나 굵습니다. 중간 쌍에서 텍스트와 아이콘은 일치하는 두께를 가지며 하나처럼 보입니다. 두께를 맞추면 요소가 하나의 단위처럼 느껴집니다. ( 큰 미리보기 ) “우리는 좋지 않은 디자인을 알아채지 않을 수 없지만 좋은 디자인은 발견하기가 훨씬 더 어렵습니다. 우리는 더 나아가고자 합니다.* 좋은 디자인은 눈에 보이지 않습니다*. 이것은 논리적 질문을 제기합니다. 그렇다면 좋은 디자인이란 무엇입니까? 형태가 기능을 따를 때인가? 모더니스트 그리드에 디자인 요소를 완벽하게 배치한 것입니까? 24포인트 제목과 8포인트 본문입니까? 모든 작업에서 매번 작업하는 견고한 원칙입니까? 대답은 당신을 놀라게 할 것입니다. 좋은 디자인은 이 모든 것입니다. 그리고 아무것도.” — Damien Stanyer, “ 왜 좋은 디자인은 보이지 않습니까? ” 결론 # 그것은 당신을 놀라게 할 수도 있지만 디자인을 만들고 반복하는 것은 물건을 예쁘게 만드는 것이 아닙니다. 디자이너로서 귀하의 임무는 사람들이 정보를 수집하는 인지 부하를 낮추고 , 시청자의 참여를 유지하는 리듬을 만들고 , 모든 사람이 콘텐츠 에 액세스할 수 있도록 하는 것입니다. “이미 수상 경력이 있는 디자이너를 포함해 신인 디자이너에게 제가 드리고 싶은 가장 중요한 조언은 *배움은 절대 멈추지 않는다는 것*입니다. 하나의 상을 받았든 20개의 상을 받았든 상관없이 항상 기술을 향상시킬 수 있습니다. 당신은 결코 모든 일에 전문가가 될 수 없다는 것을 기억하십시오. 나는 책 디자인에서 전시 디자인, 환대, 기술 및 그 사이의 모든 것에 이르기까지 많은 일을 해왔으며 매번 경험에서 새로운 것을 얻었습니다. 이제 저는 글로벌 에이전시의 총괄 크리에이티브 디렉터이며 여전히 매일 새로운 것을 배우고 있습니다.” — Lisa Smith, " 배움은 멈추지 않는다 " 다음에 무언가를 디자인해야 할 필요성에 직면했을 때, 이 팁들이 조금 더 자신감 있고 편안하게 느끼도록 해줄 수 있기를 바랍니다! 그리고 기억하세요. 누구나 디자이너가 될 수 있지만 모든 디자이너는 배워야 할 것이 많고 계속 배워야 합니다 . 결코 멈추지 않는 과정입니다.