"전문가"엔지니어를 위한 ""사용 가능""설계 지식 제공"

당사의 디자이너가 없기 때문에 엔지니어는 반드시 디자인, UI, UX를 고려하여 실시해야 합니다...
이 때문에 디자인 기초와 관련해 최근 학습회와 책 등을 통해 향상됐다.
나는 그중에서 엔지니어에게 특히 유용한 지식을 골라서 소개하고 싶다.
디자인과 예술의 차이

디자인: 종점→사용자를 위한 존재를 전달한다

예술: 자신을 표현하다→자신을 위해 존재하는 것

상황에 따라 의견이 엇갈릴 수 있다
웹 디자인은'주관적'이 아니라'객관적'인데 이것은 기본적으로 매우 중요하다.
설계의 4대 원칙
설계에는 네 가지 기본 원칙이 있다.
이것으로 구성되면'올바르게 전달되는 디자인'을 제작할 수 있습니다.
1. 접근
관계성이 비슷한 요소를 가까운 거리에 배치하여 그와 연결시켜 관중들이 쉽게 이해할 수 있는 디자인, 구조를 만든다.
사람은 가까운 것이 연관이 있다는 것을 깨닫는 습성이 있다.
관계가 있는, 관계가 없는 것을 의식하는 공백.
나쁜 예

좋은 예

동물과 이름 사이의 거리는 매우 좁고 각 동물 간의 거리는 분리되면 정보가 쉽게 연결된다!
2. 정렬
요소를 왼쪽, 오른쪽으로 정렬하여 쉽게 볼 수 있도록 합니다.메시지가 정리되어 있어 상쾌해 보이고 쉽게 정보를 얻을 수 있다.
나쁜 예

좋은 예

한꺼번에 보기 쉬워졌어!(명함 내용이 너무 잘 어울려요...)

빨간색 선은 왼쪽, 오른쪽으로 정렬됩니다.
*보충: 중앙맞춤이 의외로 어려워 한정된 글자 수에 사용해도 예쁘게 정리되는 경우도 있다.영화 포스터 같은 거 자주 봐요.
3. 대비
명확한 요소에 따라 이완에 정도가 있다.끌리는 디자인이 되었습니다.
예를 들어 문자의 경우 색깔, 사이즈, 무게, 장식에 배경색, 나선을 더한다.
왼쪽 대비가 약한 예
오른쪽 대비가 강한 예

4. 반복
일정한 규칙에서 요소를 중복하여 일치성과 통일성을 가지게 하다.
사이트 전체의 통일감을 나타낼 수 있다.

이 네 가지 원칙이 서로 결합되면 좋은 디자인이 생길 것이다!!!!!!
색상 피쳐
참조: http://www.mh-logo.com/column/logo/color_of_logo/
색상에 대해 따로 소개하면 길어 보이기 때문에 참고 URL을 붙여 사랑을 베지만, 색상은 각각 긍정적인 인상과 부정적인 인상을 가지고 있다.
예를 들어 빨간색은 활기찬 리더십과 영웅적인 인상을 주지만 소극적인 인상을 줄 수도 있어 위험하다.
상대방에게 주고 싶은 인상에 따라 색깔을 결정하는 것이 중요하다.
기업 로고의 색깔에서 보여주고 싶은 인상을 엿볼 수 있다.
배색
조합 컬러입니다.
'중화색+유색'은 기본이다.
기본적으로 명도상 차이가 있어야 한다.
화이트와 코디할 때 색이 짙은 편이에요.
"블랙과 조합할 때 밝기가 높습니다."
디자이너는 디자인을 모르는 사람이 실패하기 쉬운 관건이라고 말한다.

구성비
배색의 구성비는 매우 중요하기 때문에 기본적으로 3가지 색을 결정해야 한다
70%→바탕
25%→주 톤
5%→악센트
이렇게 하면 구성하기 쉽다.

예를 들어 아마존의 HP
바탕색→화이트(70%)
주색→네이비(25%)
무거운 음색→노란색(5%)
이런 느낌이죠!
절대적인 규칙은 아니지만 이걸로 하면 실패하기 힘들어.
여백
빈 부분은 8의 배수로 하는 게 좋아요!
아이폰, 안드로이드, 맥, 윈도 등 화면 크기가 8의 배수로 구성돼 수납 효과가 더 좋다는 이유에서다.
참조 설계 찾기
다양한 디자인을 보고 자신의 디자인에 좋은 부분을 넣는 것이 좋아요!
세계는 양질의 디자인으로 가득 차 있다.
머리핀으로 찾아보면 괜찮은 느낌이 들 수 있어요!
https://www.pinterest.jp/
예를 들어 "WEB 디자인"으로 검색하면...

대단한 녀석들이 많을 것 같아...!!!
총결산
대략적으로 말하자면, 내가 최근에 배운 엔지니어도 알아야 할 디자인의'기초 디자인'을 총결하였다.
잘못된 부분과 유용한 정보가 있으면 보충기에서 업데이트할 테니 댓글을 기대합니다.