디자인을 전문적으로 만드는 것은 무엇입니까?

왜 누군가가 "전문적인"것으로 보이지 않을지를 정의 할 수 있습니까?

전문 / 비전문 디자인의 차이점은 무엇입니까?

내 디자인이 전문적이지 않다고 말한 고객이 있습니다. 프로페셔널하게 만들기 위해 모든 것을 따랐습니다. 디자인에 대해 잘 모르는 것일까 요? 나는 쉽고 전문적인 디자인 템플릿을 많이 보았다. 대부분의 경우, 갈 길이 없을 때 이러한 템플릿 디자인을 따르지만 완료하면 "이것이 전문적으로 보이지 않습니다"라는 피드백을받습니다 . 그래도 도움이되지 않습니다. 여기 누군가가 실제 도움 / 경험 / 제안을 가지고 있습니까? 모양, 글꼴, 스타일 등 모든 것에 도움이 될 것 입니다. 방법을 알려주세요!

한마디로 :
디자인을 전문적으로 만드는 것은 무엇입니까?

나는 이것이 당신의 디자인에 대해 논평하기 때문에 또 다른 대답을했습니다 :

전문적인 템플릿을 쉽게 재 작성할 수 있다고 알려주십시오. 사실 나는 그것을 의심한다. 웹 디자인에 대해 많은 것을 배워야합니다. 진지하게 나아갈 것이지만, 배우기를 간절히 원하기 때문에 몇 가지 사항을 설명하기 위해이 모형을 만들었습니다. 이것은 당신을 강타하지 않으며, 심각하게 범죄를 의미하지 않으며, 나는 단지 정직합니다.

기본 이야기는 정렬과 깊이가 부족하다는 것입니다 ... 많은 깊이.

또한 현재 너비 오버레이에서 작업하고있는 디자인 중 하나를 포함시켜 의미하는 바를 볼 수 있습니다. 아직 끝나지 않았지만 내 요점을 알게 될 것입니다. 작업중인 디자인의 일부는 저작권이 있으므로 사용하지 마십시오.

부드러운 그라디언트, 질감 및 그림자로 깊이를 만드는 방법을 살펴보십시오. 그 외에도 어떻게 간격이 있는지 살펴보십시오.

편집 : 알다시피, 저작권 보호를 위해 너비를 편집했습니다. 따라서 이것은 실제 종횡비가 아닙니다.

이것이 도움이되기를 바랍니다.

모든 초기 디자이너의 친구 인 Robin Williams는 대비, 반복, 정렬 및 근접성이라는 네 가지 중요한 사항을 가리 킵니다 (예 : 약어는 CRAP입니다!). 그녀의 책 " 비 디자이너의 디자인 북 "을 받아 공부해야합니다. 그 안에있는 모든 것은 인쇄하는 것만 큼 웹에 적용됩니다. 읽기 쉽고 명확합니다. 그런 다음 " 비 디자이너의 웹북 "을 구하여 연구하십시오. 나는 그녀의 사중주에 덧붙일 것이다 : 메시지, 조화와 관련성.

• 메시지 클라이언트에서하고 싶어은 다른 모든 통지합니다 당신이 알아야 할 첫 번째 일이다. 성공적인 사진, 디자인, 페인팅, 글쓰기에는 결코 깨지지 않는 간단한 규칙이 있습니다. 1) 메시지를 보냅니다. 2) 메시지에 기여하는 것만 포함하십시오. 3) 메시지에서주의가 산만 한 것을 제거하십시오. 운동 선수의 사진에서, 당신은 공중에서 편안하게 우아하게 그녀의 샷을 사용하고, 빈 콜라와 반 먹은 샌드위치를 ​​백그라운드에서 복제합니다. 예술가로서, 당신은 당신이 말하려는 것을 알아야합니다. 디자이너는 고객 이 무엇 을 말하려고 하는지 알아야합니다 . 결국 이것은 고객이 귀하에게 지불하는 것입니다.

• 하모니 는 초기에 고려해야 할 또 다른 매우 광범위한 요구 사항입니다. 고객에게 로고와 회사 색상이있는 경우 사이트에서 해당 색상과 어울리는 색상을 사용해야합니다. 헤드 라인 및 사본에 유사하지만 다른 서체를 사용할 수 없습니다. 디자이너를 시작하는 좋은 규칙은 하나의 산세 리프와 하나의 세리프를 함께 사용하고 디자인에서 두 산만 사용하는 것입니다.

• 관련성 은 설계주기의 시작 부분에 있습니다. 색상, 타이포그래피 및 일반 레이아웃에 적용됩니다. 하이테크 회사 웹 사이트 나 힙합 아티스트를위한 디자인에는 파우더 블루와 베이비 핑크를 사용하지 않습니다. 놀랍도록 초초 한 그런 서체는 변호사 나 회계사에게는 효과가 없지만 Times Roman은 효과가 있습니다. (현대적으로 보일 필요가있는 사이트의 경우 Times를 피할 수 있습니다.) 중금속 밴드는 대담한 모양과 색상, 고 대비를 필요로하지만 의료 클리닉 또는 유아복 사이트는 훨씬 더 부드러운 모양이 필요합니다.

• 명암 은 어두운 색 대 밝은 색, 풍부한 색 대 색조, 어두운 색 또는 밝은 색을 의미합니다. 디자인이 대담한 대조를 요구하는 경우, 핵심적인 점은 명확하게 고의적으로 만들도록 BOLD 로 만드는 것 입니다. "거의 그러나 거의 같지 않은"과 같은 것보다 더 빠르게 디자인을 깨뜨릴 수 있습니다.

• 반복 할 때마다 동일한 유형의 요소를 동일한 장소에 배치 할 때마다 동일한 색상 또는 헤드 라인 또는 모양으로 배치합니다. 간격이 일정합니다. 시각적 레이아웃에는 음악과 마찬가지로 리듬이 있습니다. 리듬이 꺼져있는 밴드가 잘 들리지 않는 것처럼 요소가 "비트"에 빠지지 않으면 시청자가 불편 해집니다.

• 부족한 정렬 은 디자인을 깨는 가장 확실한 방법입니다. "아마추어"를 비명 지르지 않는 것은 아무것도 줄 지어 있지 않습니다. 인쇄에서는 1/1000 인치 미만의 정확도로 작업합니다. 변위가 대담하고 명확하며 의도적 일 경우 정렬되지 않은 방식으로 배치 할 수 있습니다 . 그러나 ap 태그에는 7px, h1에는 8px을 넣지 마십시오. (측면 참고 사항 : 결혼식이나 장례식 초대 이외의 것을 위해 중심 레이아웃을 피하십시오. 중심 레이아웃은 휴식, 고요함, 움직임이 없으며 거의 ​​원하는 것입니다. 초보자는 정렬 방법을 모르기 때문에 중심 레이아웃을 사용합니다 소지품.)

정렬과 반복이 그리드가 유용한 도구 인 이유입니다. 이러한 점을 이해하면 그리드 사용에 대한 많은 질문에 대답 할 수 있습니다.

• 근접성은 단지 함께 속한 것들을 서로 가깝게 유지하는 것을 의미합니다. 예를 들어 제목은 위의 단락보다 다음 단락에 더 가깝습니다.

그 두 권의 책을 얻으십시오. 그들은 당신의 디자인을 바꿀 것입니다. 그 동안 실습은 다음과 같습니다.이 7 개의 포인트를 목록에 작성한 다음 10 개의 웹 사이트를 방문하여 정말 훌륭하다고 생각하고 각 포인트가 적용된 위치를 찾으십시오. 속이지 마십시오. 그들은 모두 거기에있을 것이므로 모든 것을 찾을 때까지 종료하지 마십시오. 이제 자신의 디자인을 살펴보고이 중 하나 이상을 위반 한 위치를 찾으십시오.

이 일곱 가지 점을 의식적으로 고의적으로 연습하십시오. 머지 않아 그들은 본능이되고 디자인은 완전히 새로운 수준에 도달 할 것입니다. 그 약속입니다.

귀하의 웹 사이트를 내 눈에, 특별한 순서없이 전문적으로 보이게하는 방법 아 .. 그리고 간단히 말하면 :) 만약 당신이 의미하는 바에 대해 더 많은 설명이 필요하다면, 그냥 말해주십시오 :

• 고객의 회사 아이덴티티를 중심으로 색상 표를 작성하십시오.
• 그의 요구를주의 깊게 듣고 원하는 스타일에 맞도록
• 유용성을위한 디자인. 턱 떨어지는 디자인을 만들 수 있지만 변환이 좋지 않으면 쓸모가 없습니다.
• 타이포그래피를 신중하게 선택하십시오 (예 : 글꼴과 같은 낙서가있는 Apple 제품이 표시되지 않음)
• 설계를 시작하기 전에 960gs 시스템을 사용하십시오. 이렇게하면 정렬 상태가 양호합니다.
• 디자인을 설명하고 방어하십시오. 고객에게 특정 요소를 선택한 이유를 알려주고 왜 좋은 요소인지 설명하십시오. 디자이너로서 우리가 항상 옳은 것은 아니라는 것을 기억하십시오.
• 계속 배우도록. 새로운 jQuery 튜토리얼 등을 보려면 블로그와 온라인 매거진을 따르십시오. 읽기가 중요합니다.
• 코드가 W3C 유효하고 크기가 너무 크지 않은지 확인하십시오.

좋은 디자인을 위해 기억해야 할 사항 :

그래서 우리는 원하는 기술을 연마하는 데 도움이되는 4 가지 놀라운 그래픽 디자인 규칙 규칙을 배울 것입니다.

1. 정렬 및 배포
2. 밸런싱 및 그룹화
3. 대조
4. 패턴 및 그라디언트

정렬 및 배포 : 멋지고 훌륭하거나 시각적으로 매력적인 디자인의 가장 중요한 규칙입니다. 인쇄 매체, 광고 매체, 데스크탑 출판 또는 웹 관련 디자인을 디자인 할 때 적절한 정렬 디자인이 어디에서나 멋지게 보입니다. 잘 들린다! 그러나 문제는 적절한 정렬을 사용하는 방법을 배우거나 원하는 정렬을 얻는 방법을 배우는 것입니다. 정렬 및 분포에 대해 깊이 살펴 보지만 먼저 아래 예제 이미지를 봅니다.

• 정렬 : 정렬이란 디자인의 시각적 요소를 위, 아래, 중앙, 왼쪽 또는 오른쪽으로 유사하거나 다른 요소로 정렬하는 것을 의미합니다. 이해하려면 위의 예제 이미지를 참조하십시오.

• 분포 : 분포는 디자인의 유사하거나 다른 요소 사이에 동일한 거리를 두거나 유지하여 그래픽 레이아웃을 깨끗하고 괜찮게 만드는 것을 의미합니다. 위의 이미지를 참조하여 이해하십시오.

균형 및 그룹화 : 균형 및 그룹화는 시각적 디자인의 두 번째로 중요한 규칙입니다. 이 규칙에서 우리는 디자인에 텍스트와 이미지가있는 경우 디자인 요소에 중점을 두어야합니다. 따라서 텍스트의 균형을 맞추고 멋지게 보이도록 정렬해야합니다. 두 가지 방법으로 할 수 있습니다.

• 첫 번째 방법 -다른 요소 사용 :이 규칙에서는 모든 요소를 ​​서로 정렬하여 서로 균형을 맞 춥니 다. 아래 예제를 통해 쉽게 이해할 수 있습니다.

위의 예에서 볼 수 있듯이 텍스트와 그림의 두 가지 유형의 요소가 있으며 레이아웃을 매력적이고 시각적으로 멋지게 만들기 위해 서로 정렬했습니다.

• 두 번째 방법 -개별 요소 그룹화 :이 규칙에서는 디자인에서 서로 다른 요소 그룹을 만듭니다. 이해하기 위해 예를 살펴보십시오.

위의 예에서 볼 수 있듯이 다양한 텍스트 요소 그룹과 다른 텍스트 요소 그룹을 만들었습니다. 이 레이아웃 방법은보기 좋고보기 좋은 레이아웃을 만드는 데 유용합니다. 두 레이아웃을 함께 사용하여 멋진 디자인 레이아웃을 만들 수도 있습니다.

명암 : 명암은 좋은 그래픽 디자인의 필수 부분입니다.이 규칙에서는 디자인의 요소를 다른 요소와 차별화해야합니다.이 규칙은 요소를 디자인에서 중요하게 할당하는 데 사용됩니다.

패턴 및 그라디언트 : 디자인 배경 또는 디자인의 다른 요소에 패턴을 추가하여 디자인을 더욱 멋지게 만들 수 있습니다 . 그라디언트 는 디자인을 더욱 생생하고 즐겁게 만드는 데 매우 유용합니다. 그라디언트를 사용할 때는 항상 색상 차이가 큰 두 가지 색상 그라디언트를 사용하십시오.

디자인이 전문적인지 아닌지는 그에 대한 대가를 받는지 여부입니다.

'전문'이라는 용어를 일종의 미학적 설명으로 사용하는 것은 거의 쓸모가 없습니다. 고객이 비즈니스 목표와 목표, 특히 목표로 삼으려고하는 사람과 시각적 접근 방식이 가장 적합한 대상에 대해보다 구체적이되도록 고객과 협력해야합니다. 그 특정 인구 통계에 대해.