수공예 디자인에서 그래픽 디자인, 네트워크 디자인에 이르기까지 디자인 원칙은 동일하지만 내 경험에 따르면 디자인 미디어의 변화는 미디어 고유의 특성 중 많은 부분을 가져옵니다. 다음은 웹사이트 시각 디자인의 몇 가지 핵심 사항을 요약한 것입니다. 사람들의 경험과 자신의 의견:
1—로고: 기본 로고 특성, 로고 디자인의 기본과 일치(그래픽 디자인 전반) 디스플레이 효과: 명확성, 최소 크기(디스플레이 해상도로 인해 오프라인 그래픽 디자인 인쇄 효과와 동일)
2 —텍스트: 콘텐츠 수준에 따라 글꼴, 글꼴 크기, 두께가 결정되며 상태에 따라 색상이 결정됩니다(기본 또는 웹 사이트에 따라 통일).
3—광고 및 콘텐츠 이미지: 크기 및 스타일의 위치 지정, 동일한 페이지의 조화, 최적화 이미지의 위치와 리듬, 크기의 대비.
4—아이콘: 브랜드, 정확하고 합리적인 표현, 디자인 기법(브랜드 기반), 일관성, 기능: 매력적이고 시선을 사로잡으며 식별하기 쉽고 이해하기 쉽고 조작하기 쉽고 기억하기 쉽습니다.
5 - 클릭 가능(버튼): 사람들의 생활 경험에 따른 차이(클릭 불가능): 두께, 가압성, 질감(엔티티 연관), 색상(브랜드, 통일성, 대비) 통일된 스타일 및 크기(내부 기준) 균일한 내부 여백 의 텍스트)
6-배경 이미지: 분위기 효과 연출, 동일 제품의 통일성, 최적화(품질 크기, 색상 정보, 구현 계획),
7-그래픽 및 텍스트 레이아웃: 메인 이미지 및 보조 텍스트, 그래픽 및 텍스트 리듬, 간격 , 모듈러.
8 - 현재 상태: 확대(모양), 색상 변경(역색, 대비 색상, 밝기 및 순도 차이 색상), 연결 후 지정된 콘텐츠 프롬프트.
9—대화형 제어: 합리적이고 정확한 스타일(사람들의 시스템 기본 인식 및 일상적인 생활 인식), 상태(시각적 표현 스타일 및 동작 프로세스의 최적화) 및 창의성.
10—로딩: 콘텐츠 관련성(로딩 전후의 콘텐츠 관련성), 지루한 기다림의 재미, 볼륨 및 영역 최적화, 창의성.
11—사용자 피드백_ 성공, 오류, 프롬프트, 결과 없음: 카피라이팅(명확함, 합리적, 인도적, 창의적), 그래픽(명확하고 눈길을 사로잡으며 색상의 심리적 인지적 정확성).
12—애니메이션 효과: 합리적인 프로세스(시뮬레이션된 실제 환경의 합리화), 지속성, 리드미컬함, 사용자의 일일 동작 성능, 음향 효과 조정 및 창의성.
13—머리와 꼬리 디자인: 머리(브랜드 홍보, 고유 특성, 명확한 내용, 분위기 표현, 창의성. 꼬리: 울림, 리듬(머리 포함), 창의성.
14—화면 적응형 디자인(전체 화면 디자인): 고려 최대 및 최소 화면 수 (텍스트, 그림 위치, 접기 효과)
15-고정 크기 그리드 디자인: 합리적인 셀(황금 분할 고려), 셀 영역 리듬, 여백 균일성
16-데모 디자인 샘플: 최대 및 최소 콘텐츠를 고려합니다.
17
—페이지: 브랜딩, 톤 요소의 일관성, 재사용성, 리듬감, 공간감, 첫 번째 시각적 매력, 안내 탐색, 점, 선 및 표면 간의 관계, 스케치 원리(페이지를 만들려면 스케치의 기본 규칙을 사용하십시오).
읽기: 읽기에 대한 배경의 편안함(비전), 내용과 배경의 대비
실제로는 코드 디자인 등 인터랙션 디자인 등 디자인 포인트가 많습니다. 사용자 경험 디자인의 큰 과정입니다. 사실 제가 할 때 모든 점을 가늠할 수 없을 때가 많습니다.