디자인에 대한 더 나은 눈을 갖는 방법을 배우는 3가지 방법

새로운 웹 디자이너와 "디자인에 대한 눈"이 없는 사람에게 권한을 부여하는 데 도움이 되는 효과적인 디자인 방법을 탐색하는 미니 시리즈 "Effective Divi Web Design Principles" 의 파트 1에 오신 것을 환영합니다.

오늘날의 시각 시대에는 디자인이 그 어느 때보다 중요합니다. 좋은 디자인은 잠재 고객을 고객으로 전환하는 것과 관련하여 비즈니스를 성사시키거나 중단시킬 수 있습니다. 판매를 하는 것과 잠재 고객이 더 전문적인 서비스나 제품을 찾기 위해 웹사이트를 클릭하게 하는 것의 차이일 수 있습니다. 그리고 새로운 웹 디자이너와 개발자는 종종 "디자인에 대한 안목"이 있다고 주장하지만 웹 디자인의 "디자인" 부분에서 더 나은 사람이 되도록 모든 사람이 적용할 수 있는 몇 가지 기본 디자인 원칙이 있습니다!

시리즈 머리말:

• 이 시리즈에서 다룰 전략, 사례 및 전술은 일반적으로 웹 디자인에 적용할 수 있으며 Divi에만 국한되지는 않지만 이 시리즈는 Divi 웹 디자이너로서의 경험을 기반으로 합니다. 언급된 많은 참조, 레이아웃 및 시작점은 특히 Divi와 관련됩니다.
• 이 시리즈는 웹 디자인을 처음 접하거나 디자인에 대한 타고난 안목이 없다고 느끼는 개발자 마인드를 가진 사람들을 위한 것입니다. 그러나 이러한 개념 중 많은 부분이 이미 확립된 디자이너에게도 영감을 주거나 재충전하는 역할을 하기를 바랍니다.
• 훌륭한 웹 디자인 원칙은 이전에 블로그에서 언급되었으므로 시리즈 전반에 걸쳐 이전 게시물 및 리소스에 다시 링크할 것입니다. 이것은 주로 성공적인 Divi 웹 디자이너로서 적용할 수 있는 좋은 디자인의 가장 중요한 원칙 중 일부에 대한 지침입니다.
• 마지막으로 좋은 디자인에는 옳고 그름이 없습니다. 사실, 대중의 의견, 개인의 창의적인 의견, 클라이언트의 바람 사이에서 균형을 잡는 것이 중요합니다. 우리 모두는 우리가 알고 있는 것이 끔찍해 보이는 것이 훌륭해 보인다고 생각하는 고객을 가지고 있었습니다. 맞습니까? 모든 사람이 이러한 디자인 기본 사항에 동의하는 것은 아니지만 이러한 원칙은 전문 Divi 디자이너와 웹 디자인 커뮤니티 전반에 걸쳐 보편적으로 공유된다고 말할 수 있습니다.

미니 시리즈의 개요는 다음과 같습니다.

• 1부 – 디자인에 대한 더 나은 눈을 갖는 방법을 배우는 3가지 방법
• 2부 – 디자이너가 아닌 사람을 위한 효과적인 웹 디자인 원칙 3
• 3부 – 모든 웹사이트 구축에 중점을 두어야 할 디자인의 3가지 중요한 영역

본격적으로 시작하기 전에 어떤 사람들은 다른 사람들보다 창의성에 더 재능이 있다는 것을 이해하지만 좋은 기본 디자인 원칙을 배울 수 있다고 강력히 주장합니다. 당신은 Divi의 미켈란젤로가 될 수 없지만 골리를 통해 웹 디자인 노력에 적용할 몇 가지 좋은 디자인 사례를 배울 수 있습니다. 내 첫 웹 디자인 중 일부를 게시하는 부끄러움을 피하지만 내 "디자인에 대한 눈"은 계속 진화하고 있으며 나날이 더 성숙해지고 있습니다. 나는 지금의 내가 있는 곳에서 시작하지 않았다. 솔직히 말해서 디자인은 웹 디자인 그 이상으로 중요합니다. 콘텐츠 구성, 이메일 작성, 휴대폰으로 좋은 사진 찍기 등에 큰 역할을 합니다. 따라서 삶의 다른 측면에도 적용할 몇 가지 기본 원칙을 아는 것이 매우 중요합니다.

따라서 다음 중 하나를 말하는 자신을 발견했다면;

• “저는 디자인에 눈이 없어요.”
• "내 몸에는 창조적인 뼈가 없다."
• “코딩은 할 수 있지만 디자인은 할 수 없습니다.”

그렇다면 이 시리즈는 당신을 위한 것입니다! 들어가 봅시다.

디자인에 대한 더 나은 눈을 갖는 방법을 준비하고 배우는 3가지 방법

웹 디자인의 세계에서 사람들은 다음 두 그룹 중 하나로 식별하는 경향이 있습니다.

웹 디자이너 – 웹 디자이너(프론트 엔드 디자이너)는 웹 디자인의 디자인, 색상, 레이아웃 및 미학에 끌릴 것입니다. 그래픽 디자인 배경이나 사진이나 기타 창의적인 예술과 같은 시각적 매체에서 나올 가능성이 높습니다. 로드 속도, 코드가 얼마나 깨끗한지 또는 php 및 css 파일에 적용된 사용자 정의와 대조적으로 사물의 모양과 느낌에 더 관심이 있다면 이 보트에 있을 가능성이 더 큽니다.

웹 개발자 – 웹 개발자(백엔드 개발자)는 수학, 숫자 및 웹 디자인 영역, 코드, 기능 및 웹사이트 백엔드에 더 관심이 있을 것입니다. "디자이너"는 모양, 색상, 모양, 느낌 등을 볼 수 있는 반면, 개발자 중심의 사람은 매트릭스와 유사한 코드, 기능, 유용성 및 웹사이트 표면 아래에 있는 것들을 볼 수 있습니다.

둘 다 성공적인 웹사이트 디자인의 핵심이며 제 생각에는 성공적인 웹 디자이너는 두 세계에 대한 건전한 지식이 필요합니다. 개인적으로 지금은 디자인과 개발에 정통하지만 여전히 디자인 측면에 끌립니다. 디자인, 레이아웃, 모양 및 느낌에 대한 끊임없는 초점 대신 로드 시간, 깨끗한 코드 및 기능을 고려하기 위해 더 열심히 일해야 합니다. 그러나 나와 반대되는 사람들에게는 깨끗한 코드로 빠르게 로드되는 끔찍해 보이는 웹사이트와 달리 눈을 즐겁게 하는 디자인에 집중하는 것이 똑같이 중요합니다.

우리가 여기서 말하는 것은 좌뇌와 우뇌가 혼합된 것입니다. 이것은 아마도 현시점에서 대부분의 사람들에게 비밀이 아닐 수 있지만, 뇌의 왼쪽은 분석적, 수학적, 순차적, 논리적 등이라는 수많은 연구들이 있습니다. 뇌의 오른쪽은 예술적, 창의적, 통찰력, 상상력 등입니다. 이것은 왜 디자이너나 개발자가 되려는지 이해하는 데 중요합니다.

요컨대,

개발자 = 좌뇌 사상가
디자이너 = 우뇌 사상가

그것에 대한 이해는 우리를 첫 번째 요점으로 이끕니다.

1) 마음가짐 준비하기

당신이 좀 더 창의적이라면 코딩과 웹 디자인의 물류 측면에서 더 열심히 일해야 하고 그 반대의 경우도 마찬가지입니다. 디자인에 대한 좋은 안목을 기르기 위해 조금 더 노력해야 할 것입니다. 위에서 언급했듯이 저는 우뇌 사상가이자 창의적입니다. CSS를 사랑하고 이제 너무 많은 땀을 흘리지 않고도 PHP로 위험해질 수 있지만 그렇게 시작하지는 않았습니다. 제가 잘하지 못하는 웹디자인 분야에서 정말 열심히 일해야 했습니다.

그러나 그것은 내 마음에서 시작되었습니다. 나는 내가 어떤 분야에 강하고 어떤 분야가 필요한지 알고 있었습니다. 나는 그 점에 대해 다시 한 번 격려하고 싶습니다. 당신은 좋은 디자인 원칙을 배울 수 있고 당신이 새로운 사람이거나 당신의 몸에 창조적인 뼈가 없는 개발자라면 디자인에 대한 안목을 개발할 수 있습니다.

이 시점에서 당신은 아마도 "다 좋은데, 좋은 디자인 기법을 배우기 위해 마음가짐을 준비하려면 어떻게 해야 할까요?" 라고 말할 것입니다. 우리는 모두 다르게 배우지만 저에게 효과가 있었던 것과 커뮤니티의 다른 많은 Divi 디자이너에게 효과가 있었던 것을 말씀드리겠습니다.

2) 좋은 디자인을 위한 눈을 배우고 개발하는 방법

좋은 웹사이트 디자인을 복제하여 배우십시오 – 네, 제가 말했습니다. 좋은 디자인이 보이면 다시 만들어보고 색상, 서체, 간격, 레이아웃 등을 복사하십시오. 어린이 테마 또는 작업으로 판매하기 위해 사이트를 찢는 것이 아니라 교육적인 관점에서 말하는 것입니다. , 디자인을 더 잘하는 가장 좋은 방법 중 하나는 이미 아름답게 디자인된 사이트를 복제하는 것입니다. 당신은 당신이 모방할 수 있는 아름다운 디자인을 복제함으로써 당신이 얼마나 많은 것을 배우고 얼마나 큰 힘을 느낄지 놀랄 것입니다.

Divi 관련 영감을 얻으려면 ET 블로그에서 이와 같은 월간 사이트 쇼케이스, Divi 테마 예제를 통해 또는 좋아하는 Divi 디자이너를 팔로우하고 그들이 어떤 아이디어를 내는지 확인하여 디자인의 좋은 예를 자주 찾을 수 있습니다!

모든 곳에서 디자인을 검토하여 배우십시오. 인쇄된 디자인 및 기타 광고가 웹 디자인 트렌드에 대한 이상적인 학습이 아닐 수 있지만 여전히 귀중한 디자인 원칙을 선택할 수 있습니다. 예를 들어, 현대적이고 세련된 방식으로 디자인된 텍스트가 포함된 강력한 이미지의 광고를 본 경우 동일한 아이디어를 사이트에 강력한 디자인으로 적용할 수 있습니다. 나는 지금 아내와 함께 쇼핑몰에 가는 여행과 메이크업 매장에 들어가는 것을 두려워하지 않습니다. 왜냐하면 저는 그것을 "Josh의 트렌디한 디자인 시간에 가져오기" 로 사용하기 때문 입니다. 이전에는 전화기를 내려다보며 보낸 시간이 이제는 웹 디자인 프로젝트에 적용할 수 있는 새로운 디자인 아이디어와 개념을 확인하는 데 종종 생산적으로 사용됩니다!

Divi 라이브러리를 기반으로 학습 – Divi 로 사이트를 디자인할 때 가장 놀라운 점 중 하나는 구축할 수 있는 입증되고 효과적인 레이아웃 및 디자인의 전체 라이브러리가 제공된다는 것입니다. 디자인과 Divi를 처음 접하거나 빈 캔버스를 보는 것이 막막하다면 라이브러리에서 미리 만들어진 레이아웃 중 하나를 로드하고 색상을 변경하고 이미지를 교체하고 바로 시작할 수 있습니다! 이미 전문적인 디자인을 재작업하는 것이 다음 프로젝트를 위해 두뇌 훈련을 시작하는 방법을 확인하십시오.

무료 주간 Divi 레이아웃 팩을 다운로드하여 구축하여 배우십시오. - 새로운 Elegant Themes 회원이거나 아직 모르는 경우, 여기 블로그에서 무료로 다운로드할 수 있는 전문적으로 설계된 Divi 레이아웃 팩이 매주 여기 블로그에 있습니다. 디자인을 더 잘하는 데 관심이 있다면 이것들은 학습과 영감의 훌륭한 원천일 뿐만 아니라 위에서 언급한 라이브러리 항목과 마찬가지로 디자인을 처음 접하는 경우 훌륭한 출발점입니다!

3) 작업에 대한 피드백과 건설적인 비판 받기

마지막으로 디자인을 개선하는 가장 좋은 방법 중 하나는 다른 사람들의 피드백을 받는 것입니다. 종종 프로젝트에 포함되면 무엇이 좋아 보이고 무엇이 나빠 보이는지 방향을 잃기 쉽습니다. 당신의 작업에 대한 피드백과 건설적인 비판을 받는 것은 디자인을 더 잘하기 위한 열쇠입니다.

이제 이해가 갑니다. 이것은 말보다 쉽습니다. 그리고 특히 아직 배우는 중이라면 파괴되거나 사기가 저하되는 것을 피하고 싶지만 Divi를 사용하는 경우 가장 참여적이고 지원적이며 도움이 되는 온라인 커뮤니티에 자동으로 액세스할 수 있습니다. Divi 국가와 연결할 수 있는 콘센트는 많지만 개인적으로 선호하는 것은 Divi Facebook 그룹입니다. 저는 의도적으로 Divi Web Designers Facebook 그룹을 만들었습니다. 작업을 게시하여 우리 모두가 더 나은 Divi Web Designer가 되는 데 도움이 되는 전문적이고 유용한 비판과 피드백을 얻을 수 있다는 주된 목적이었습니다. 신뢰할 수 있는 가족, 친구 또는 디자인에 대한 좋은 안목을 가진 동료 웹 디자인 동료가 있는 경우 온라인에서 피드백을 받고 싶지 않다면 그들의 생각을 얻는 것이 좋습니다.

피드백을 받는 것이 종종 간과되는 나쁜 디자인, 개선 영역 등을 지적하기 때문에 매우 유용합니다. 예를 들어 제가 타고난 재능이 별로 없고 열심히 해야 하는 분야는 타이포그래피입니다. 얼마 전 나는 머리부터 발끝까지 멋지다고 생각하는 사이트에서 일했는데 피드백을 받았을 때 내가 사용한 유형이 사이트의 "느낌"에 맞지 않는 것 같다는 말을 들었습니다. 초기 디자이너의 자부심을 털어낸 후, 나는 그들이 더 옳을 수 없다는 것을 깨달았습니다. 유형은 실제로 사이트의 느낌과 일치하지 않았습니다. 그 이후로 저는 "가는 것"에 집착하기 보다는 사이트의 올바른 모양과 느낌과 일치하도록 선택하는 서체를 더욱 의식하는 법을 배웠습니다.

따라서 건설적인 비판을 받을 만큼 용기가 있다면 Divi Web Designers Facebook 그룹이나 그룹의 지침을 준수하는 다른 온라인 Divi 커뮤니티에서 그렇게 할 수 있습니다. 그리고 참고로, 피드백을 제공하는 사람이라면 말과 건설적인 비판에 각별한 주의를 기울여야 합니다. 피드백을 줄 때, 그 사람을 무너뜨리지 말고 일으켜 세우려고 노력하는 것을 기억하십시오.

마감 중

이 Effective Divi Web Design Principles에 대한 소개가 나머지 시리즈에 대한 영감과 활력을 주었기를 바랍니다! 다시 말하지만, 이 첫 번째 게시물은 앞으로 있을 일에 대한 소개와 준비에 가깝지만 디자인을 더 잘하기 전에 배우려는 마음가짐으로 시작하기 때문에 그럼에도 불구하고 중요합니다.

더 나은 웹 디자인 기술을 배우는 방법에 대한 다른 생각이나 관행이 있습니까? 아래 의견에 알려주십시오!

내일: 디자이너가 아닌 사람들을 위한 3가지 효과적인 웹 디자인 원칙

디자인에 대한 더 나은 안목을 갖는 방법을 준비하고 배우는 것을 다루었으므로 이제 디자인 게임을 다음 단계로 끌어올리는 데 도움이 되는 실행 가능하고 실용적인 디자인 원칙에 대해 알아볼 때입니다! 다음까지!

중요한 발표, 유용한 팁 또는 Divi 공짜를 절대 놓치지 않도록 이메일 뉴스레터와 YouTube 채널을 구독하세요!