①-① ui 디자인의 정의:
UI 는 사용자 인터페이스의 약어입니다. UI 설계는 소프트웨어의 인간-컴퓨터 상호 작용, 조작 논리, 인터페이스 미관의 전반적인 설계를 말합니다. 좋은 UI 디자인은 소프트웨어를 개인화하고 품위 있게 만들 뿐만 아니라 소프트웨어의 조작이 편안하고 간단하며 자유로울 뿐만 아니라, 소프트웨어의 포지셔닝과 특색을 충분히 반영하였다.
소프트웨어 설계는 코딩 설계와 UI 디자인의 두 부분으로 나눌 수 있습니다. UI 의 원래 의도는 사용자 인터페이스이며 영어 사용자 및 인터페이스의 약어입니다. 문자 그대로 사용자와 인터페이스의 두 부분으로 구성되지만 실제로는 사용자와 인터페이스의 상호 작용도 포함됩니다.
전자 제품의 급속한 발전에서 인터페이스 설계는 점점 더 중시되고 있다. 인터페이스 디자인을 하는' 미공' 은' UI 디자이너' 또는' UI 엔지니어' 라고도 한다. 사실, 소프트웨어 인터페이스 디자인은 산업 제품의 산업 모델링 디자인과 마찬가지로 제품의 중요한 판매 포인트입니다. 인터페이스가 아름다운 전자제품은 편안한 시각적 즐거움을 선사하고, 사람과 상품의 거리를 좁히는 과학 기반 예술 디자인이다. 인터페이스를 테스트하는 기준은 프로젝트 개발 팀 책임자의 의견이나 프로젝트 멤버 투표의 결과가 아니라 최종 사용자의 감정입니다.
②-그래픽 디자인의 정의:
그래픽 디자인은 비주얼 커뮤니케이션 디자인이라고도 하며, "비주얼" 을 통해 기호, 화면, 문자를 다양한 방식으로 만들고 조합하여 생각이나 정보를 전달하는 시각적 표현을 만듭니다. 그래픽 디자이너는 컴포지션, 시각 예술, 페이지 레이아웃 및 컴퓨터 소프트웨어와 같은 전문 기술을 사용하여 창의적인 계획을 세울 수 있습니다. [1]? 그래픽 디자인은 일반적으로 제작 (디자인) 과정과 최종 완성된 작품을 가리킬 수 있습니다.
그래픽 디자인의 일반적인 용도에는 로고 (상표 및 브랜드), 발행물 (잡지, 신문 및 서적), 인쇄 광고, 포스터, 광고판, 웹 사이트의 그래픽 요소, 로고 및 제품 포장이 포함됩니다. 예를 들어 제품 포장에는 상표 또는 기타 예술 작품, 배열된 텍스트 및 균일한 스타일의 이미지, 모양, 크기 및 색상과 같은 순수 디자인 요소가 포함될 수 있습니다. 조립품은 평면 설계의 가장 중요한 피쳐 중 하나입니다. 특히 제품이 기존 재질이나 여러 요소를 사용하는 경우 더욱 그렇습니다.
③-웹 사이트 디자인의 정의:
간단히 말해서, 웹 사이트 디자인의 목적은 웹 사이트를 만드는 것입니다. 텍스트, 그림 (gif, JPEGs, png) 및 양식과 같은 간단한 정보는 하이퍼파일 마크업 언어 및 확장 하이퍼텍스트 마크업 언어와 같은 마크업 언어를 사용하여 웹 사이트 페이지에 배치할 수 있습니다. 벡터 그래픽, 애니메이션, 비디오, 오디오 등의 멀티미디어 파일과 같은 보다 복잡한 정보는 플러그인을 실행하고 웹 사이트에 태그 언어를 이식해야 합니다. 웹 디자인은 디자인 프로세스의 프런트 엔드 (클라이언트) 입니다. 디자인은 일반적으로 문자 표시를 포함한 웹 사이트를 설명하는 데 사용되지만, 이는 네트워크의 발전도 포괄하기 때문에 회색 지대입니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 웹 디자이너는 가용성을 인식해야 하며, 캐릭터가 태그를 만들어야 하는 경우 웹 페이지 가독성에 대한 최신 안내서가 되어야 합니다. 웹 디자인 (웹 디자인) 은 소프트웨어 요구 사항을 소프트웨어 웹 사이트로 변환하는 과정으로, Dreamweaver, Photoshop 등의 도구를 사용하여 인터넷에서 특정 규칙에 따라 제작된 특정 콘텐츠를 보여주는 관련 웹 페이지 모음입니다. 간단히 말해서, 웹사이트는 게시판처럼 커뮤니케이션 도구이다. 사람들은 웹사이트를 통해 자신이 공개하고 싶은 정보를 게시하거나 웹사이트를 이용하여 관련 인터넷 서비스를 제공할 수 있다. 사람들은 웹 브라우저를 통해 웹 사이트를 방문하거나, 필요한 정보를 얻거나, 웹 서비스를 즐길 수 있다. 사이트는 도메인 이름 (속칭 사이트), 사이트 소스 프로그램 및 사이트 공간으로 구성됩니다. 여기서 도메인 이름은 인터넷의 집 번호와 유사하며 인터넷에서 컴퓨터를 식별하고 찾는 데 사용되는 계층적 문자 식별자로, 컴퓨터의 인터넷 프로토콜 (IP) 주소에 해당합니다. 웹 사이트 디자인은 디자이너가 Frontpage 또는 Dreamweaver 등의 도구를 통해 편집한다!
2. UI 디자인, 그래픽 디자인 및 웹 사이트 디자인용 도구:
1.UI 디자인에 필요한 소프트웨어 도구:
왼쪽: Photoshop, Illustrator, CorelDraw, Indesign, Fireworks, DreamWeaver, Flash, HTML5, CSS (계단식? 스타일? Sheets), Axure RP Pro 7.0, IOS, 안드로이드.
그래픽 디자인에 필요한 소프트웨어 도구:
Photoshop, Illustrator, CorelDraw, Indesign, Fireworks, PageMaker.
웹 사이트 디자인에 필요한 소프트웨어 도구:
① 포토샵:
이미지 처리, 편집, 채널, 레이어, 패스의 통합 응용 프로그램 학습 이미지 색상 보정 다양한 효과 필터의 사용 특수 단어의 생성; 이미지 출력 및 최적화 등 , 레이어 스타일, 유체 변형, 퇴색 및 마스크를 유연하게 사용하여 변화무쌍한 이미지 효과를 만들 수 있습니다.
② 맨손:
개인 작품 디자인, 회사 로고, 포스터 제작 등 광고, 인쇄 등에 쉽게 완성할 수 있다.
③CorelDraw:
CorelDRAW9 의 포괄적인 디자인과 웹 기능을 기존 디자인에 통합하여 벡터 일러스트레이션, 디자인 및 이미지를 만들어 회사 logo, 소개, 컬러 페이지, 설명서, 제품 포장, logo, 웹 페이지 등을 잘 설계했습니다.
(4)④ 일러스트레이터: 그래픽 그리기, 포장, 홍보 페이지 제작 방법을 배우면 로고와 CI 를 쉽게 디자인할 수 있다. 한 달도 채 안 되어 진정한 미술가가 되어 포토샵을 바탕으로 공부하면 효율성이 두 배가 된다.
⑤ Microsoft FrontPage
Word 에 익숙하다면 FrontPage 를 사용하여 웹 페이지를 디자인하는 것이 매우 편리할 것이라고 믿습니다. (존 F. 케네디, Northern Exposure (미국 TV 드라마), 예술명언) FrontPage 로 웹 페이지를 제작하면' 강력하고 사용하기 쉽다' 는 의미를 실감할 수 있다. 페이지 제작은 FrontPage 의 편집기로 이루어지며 작업 창은 "WYSIWYG what you get" 편집 페이지, HTML 코드 편집 페이지 및 미리 보기 페이지의 세 가지 탭으로 구성됩니다. FrontPage 에는 CGI 및 CSS 를 지원하는 그래픽 및 애니메이션 GIF 편집기가 있습니다. 마법사와 템플릿을 모두 사용하면 초보자가 웹 페이지를 쉽게 편집할 수 있습니다.
FrontPage 의 가장 강력한 기능은 사이트 관리 기능입니다. 서버에서 사이트를 업데이트할 때 변경 파일의 디렉토리를 만들 필요가 없습니다. FrontPage 는 파일을 추적하고 이러한 새 버전을 복사합니다. FrontPage 는 로컬 컴퓨터뿐만 아니라 인터넷을 통해 원격 서버의 파일에서 직접 작업할 수 있는 기존의 유일한 웹 페이지 제작 소프트웨어입니다.
⑥ 넷스케이프 편집기
넷스케이터와 넷스케이터 골드 3.0 모두 fckeditor 가 있습니다. 인터넷 브라우저로 인터넷을 하는 것을 좋아한다면, 인터넷 편집기를 사용하는 것은 정말 간단하고 편리하다! 웹 브라우저를 사용하여 웹 페이지를 표시할 때 편집 버튼을 클릭하면 웹 페이지가 하드 드라이브에 저장되고 편집을 시작할 수 있습니다. 또한 텍스트, 글꼴 및 열 단어 편집, 마스터 작성자, 제목, 배경색 또는 이미지 변경, 드로잉 포인트 정의, 링크 삽입, 문서 코드 정의, 이미지 삽입, 표 만들기 등을 수행할 수 있습니다. FrontPage 2000 처럼요, 그렇죠? 웹 장면 편집기는 복잡한 웹 디자인 기능이 제한되어 있으며 양식 작성 및 다중 프레임 작성도 지원하지 않습니다.
넷스케이프 편집기는 초보자가 웹 페이지를 만드는 좋은 입문 도구이다. 만약 당신의 홈페이지가 주로 글과 그림으로 구성되어 있다면, 망경 편집기는 쉬운 선택이 될 것입니다. HTML 언어에 대해 잘 알고 있는 경우 메모장이나 Ultra Edit 와 같은 텍스트 편집기를 사용하여 여러 HTML 문을 작성하거나 웹 장면 편집기의 부족한 부분을 보완할 수 있습니다.
⑦Adobe Pagemill
Pagemill 기능은 강력하지는 않지만 사용하기 쉽고 초보자에게 적합합니다. 매우 복잡한 홈페이지는 아닙니다. 홈페이지에 프레임, 표, 이미지 맵 사진이 많이 필요하다면 Adobe Pagemill 이 가장 좋습니다. -응? Pagemill 의 또 다른 특징은 원하는 만큼 텍스트, 그래픽, 양식을 자유롭게 끌어다 놓고 필요할 때 열 수 있는 클립보드가 있다는 점입니다.
⑧ 클라리스 걸그룹 홈페이지
클라리스 걸그룹 홈페이지 소프트웨어를 사용한다면 몇 분 안에 동적 홈페이지를 만들 수 있다. 이는 프레임워크를 만들고 편집할 수 있는 좋은 도구가 있기 때문에 많은 노력을 들이지 않고도 새 프레임워크를 추가할 수 있기 때문입니다. 또한 클라리스 걸그룹 홈페이지 3.0 에는 FileMaker 데이터베이스가 통합되어 있으며, 향상된 웹 사이트 관리 기능을 통해 페이지의 합법적인 연결을 감지할 수 있습니다. 그러나 인터페이스 설계가 너무 거칠어서 이미지 맵 이미지 처리가 불완전합니다.
⑨ 드림 직조자
수제 동적 HTML 애니메이션 웹 페이지
DreamWeaver 는 ActiveX, JavaScript, Java, Flash, ShockWave 등의 기능을 지원하는 시각적 편집 및 HTML 코드 편집 패키지를 포함하는 멋진 웹 디자인 소프트웨어입니다. 또한 동적 HTML 디자인을 지원하고 처음부터 끝까지 동적 HTML 애니메이션을 만들어 Netscape 및 IE 4.0 브라우저에서 페이지를 제대로 표시할 수 있습니다. 페이지 정보를 자동으로 업데이트하는 기능도 제공합니다.
DreamWeaver 는 왕복 HTML 기술도 사용합니다. 이 기술을 사용하면 웹 페이지를 DreamWeaver 와 HTML 코드 편집기 간에 자유롭게 변환할 수 있으며 HTML 의 구문과 구조는 그대로 유지됩니다. 이를 통해 전문 디자이너는 기존 편집 습관을 바꾸지 않고 시각적 편집의 이점을 최대한 누릴 수 있습니다. DreamWeaver 에서 가장 까다롭고 중요한 것은 누구나 쉽게 기능을 확장할 수 있는 개방형 디자인입니다.
⑩ 불꽃 놀이?
네트워크 제작자를 위해 완전히 설계된 첫 번째 소프트웨어입니다.
Fireworks 는 오랜 역사를 가지고 있으며, 그것의 출현은 웹 그래픽을 완전히 변화시켰다. Fireworks 는 웹 이미지 디자인을 위해 특별히 개발된 것으로, 웹 게시를 지원하는 다양한 기능이 내장되어 있습니다. 예를 들어 Fireworks 는 자동으로 사진을 자르고 동적 마우스 응답을 생성하는 JavaScript 를 생성합니다. 또한 Fireworks 는 매우 강력한 애니메이션 기능과 거의 완벽한 웹 이미지 생성기 (내보내기 기능) 를 갖추고 있습니다. Dreamweaver 와의 연락이 강화되어 Dreamweaver 의 Libaray 를 직접 생성하거나 CSS 스타일의 웹 페이지와 그림으로 내보낼 수 있습니다!
섬광
너의 홈페이지를 움직이게 해라.
Flash 는 인터넷에서 사용되는 동적 인터랙티브 충격파입니다. 크기가 작아 다운로드하는 동안 재생할 수 있어 사용자가 오래 기다리지 않아도 된다는 장점이 있습니다. FLASH 를 사용하여 애니메이션을 생성하고 웹 페이지에 사운드를 추가할 수 있습니다. 이렇게 하면 멀티미디어 그래픽과 인터페이스를 생성할 수 있지만 파일 크기는 작습니다. FLASH 는 언어처럼 프로그래밍할 수는 없지만 내장된 명령문을 통해 JavaScripe 와 결합하여 상호 작용이 강한 홈페이지를 만들 수 있습니다. 다음 세기의 인터넷 디자이너들은 플래시를 사용하지 않고 탈락할 것이라고 말한 적이 있다. 나는 이 말이 사실이라고 믿는다!
핫도그 전문가?
여러 가지 복잡한 기술로 웹 페이지를 만들다.
HotDog 는 초기 코드 기반 웹 디자인 도구이며, 가장 두드러진 특징은 디자이너가 페이지의 복잡한 부분을 만드는 데 도움이 되는 많은 마법사 도구를 제공한다는 것입니다. HotDog 의 고급 HTML 은 미리 보기 모드에서 정상 속도로 볼 수 있는 marquee 삽입을 지원합니다. 이 태그를 만든 Microsoft 조차도 FrontPage 에서 이러한 기능을 제공하지 않았기 때문에 매우 드뭅니다. HotDog 는 다른 제품보다 플러그인을 훨씬 지원하며, 다른 형식의 파일에 대해 수동으로 다른 옵션을 선택할 수 있는 대화 상자를 제공합니다. 그러나 중국인과 교제하는 것은 그리 편리하지 않다.
HotDog 는 CSS, Java, RealVideo 등 복잡한 기술을 웹 페이지에 추가하고자 하는 고급 디자이너에게 좋은 선택입니다.
주택 근거지
페이지 프로세스를 완전히 제어할 수 있는 웹 페이지를 만듭니다.
Allaire 의 HomeSite 는 CGI 및 CSS 를 지원하는 다양한 도움말 기능을 갖춘 작고 다재다능한 HTML 코드 편집기로서 perl 프로그램을 직접 편집할 수 있습니다. HomeSite 의 작업 인터페이스는 복잡하고 간단합니다. 습관에 따라 메모장과 같은 간단한 편집 창으로 설정하거나 복잡한 인터페이스에서 작업할 수 있습니다.
HomeSite 는 복잡하고 멋진 페이지 디자인에 더 적합합니다. 페이지 제작 진행 상황을 완전히 통제하고 싶다면 HomeSite 가 최선의 선택입니다. 그러나 초보자에게는 너무 복잡하다.
Microsoft Visual Studio
미국 Microsoft 의 개발 키트 제품 시리즈입니다.
이 시리즈의 버전은 2003, 2005, 2008, 20 10, 20 12, 20 13, 20/입니다
동적 aspx 웹 페이지 개발에 적합하며 새로 고쳐지지 않는 웹 사이트와 웹 서비스 기능도 만들 수 있습니다.
Jbuilder
시각화 자바 개발 도구. Java2 플랫폼에서 비즈니스 어플리케이션, 데이터베이스 및 게시자를 개발할 수 있는 훌륭한 도구입니다. J2EE 를 지원하므로 프로그래머는 엔터프라이즈 Java 응용 프로그램을 빠르게 변환할 수 있습니다.
어떤 버전이든 JSP 페이지를 개발하는 데 적합합니다.
셋째, UI 디자인, 그래픽 디자인, 웹 사이트 디자인 방향/방법/절차/프로세스:
1, UI 디자인 방향
UI 는 사용자 인터페이스이며 영어 user and interface 의 약어입니다. 문자 그대로 사용자와 인터페이스의 두 가지 구성 요소이지만 실제로 사용자와 인터페이스의 상호 작용도 포함되므로 세 가지 방향, 즉 사용자 연구, 상호 작용 설계 및 인터페이스 설계로 나눌 수 있습니다.
① 사용자 연구
사용자 연구에는 두 가지 측면이 있습니다. 하나는 제품 가용성을 높이고 시스템 설계를 사용, 학습 및 기억하기 쉽게 만드는 방법을 연구하는 가용성 엔지니어링입니다. 두 번째는 가용성 공학 연구를 통해 사용자의 잠재적 수요를 발굴하고 기술 혁신을 위한 또 다른 아이디어와 방법을 제공하는 것입니다.
사용자 연구는 가용성 공학, 인체공학, 심리학, 시장 연구, 교육학, 디자인학 등 여러 분야를 포괄하는 학과이다. 사용자 연구 기술은 인문적 관점에서 제품을 연구하고, 사용자 관점에서 제품 개발 설계에 개입하는 것이다.
사용자 연구 (User research) 사용자 작업 환경 및 제품 사용 습관에 대한 연구를 통해 제품 개발 초기에 제품 기능, 설계 및 외관 요구 사항에 대한 사용자의 기대를 제품 개발 프로세스에 통합하여 기업이 제품 설계를 개선하거나 새로운 제품 개념을 탐색하는 데 도움을 줍니다.
사용자 요구 사항과 피드백을 얻는 방법이자 인터페이스와 상호 작용 설계가 합리적인지 확인하는 중요한 기준입니다.
② 대화형 설계
이 부분은 인간-컴퓨터 상호 작용 공학을 의미합니다. 예전에는 인터랙티브 디자인도 프로그래머가 했다. 실제로 프로그래머는 코딩은 잘하지만 최종 사용자와의 상호 작용은 잘하지 못한다. 그래서 많은 소프트웨어는 기능이 다 갖추어져 있지만 상호 작용 설계가 거칠고 번거롭고 사용하기 어렵고 공부도 어렵다. 이런 소프트웨어를 사용했을 때, 사람은 총명하고 진보하는 것이 아니라, 홀랑거리고 굴욕을 당했다고 느꼈다. (윌리엄 셰익스피어, 햄릿, 지혜명언) 많은 사람들이 컴퓨터 소프트웨어를 조작할 줄 모르기 때문에 실직했다. 이런 상호 작용은 컴퓨터를 무서운 기술 괴물로 만들었다. 그래서 우리는 프로그래머의 작업에서 상호 작용 디자인을 분리하고, 단독으로 하나의 학과, 즉 인간-컴퓨터 상호 작용 디자인이 되었다. 그의 목적은 소프트웨어를 사용하기 쉽고, 배우기 쉽고, 이해하기 쉽게, 컴퓨터를 진정으로 인류에게 서비스를 제공하는 도구로 만드는 것이다.
③ 인터페이스 디자인
긴 소프트웨어 개발에서 인터페이스 설계는 줄곧 중시되지 않았다. 인터페이스 디자인을 하는 사람은 비하적인 의미에서도' 예술가' 라고 불린다. 사실, 소프트웨어 인터페이스 디자인은 산업 제품의 산업 모델링 디자인과 마찬가지로 제품의 중요한 구매입니다. 우호적이고 아름다운 인터페이스는 편안한 시각적 즐거움을 선사하고, 사람과 컴퓨터 사이의 거리를 좁히며, 상가를 위한 판매점을 창출한다. 인터페이스 디자인은 단순한 예술 회화가 아니다. 사용자를 찾고, 환경을 사용하고, 방법을 사용하고, 최종 사용자를 위해 디자인하는 것은 순전히 과학적인 예술 디자인이다. 인터페이스를 테스트하는 기준은 프로젝트 개발 팀 리더의 의견이나 프로젝트 멤버 투표의 결과가 아니라 최종 사용자의 느낌입니다. 따라서 인터페이스 설계는 사용자 연구와 긴밀하게 결합되어야 하며, 이는 최종 사용자를 위한 만족스러운 시각 효과를 지속적으로 설계하는 과정입니다.
2, 그래픽 디자인 설계 방법/단계:
1. 조사?
조사는 사물을 인식하는 과정이며, 디자인은 목적이 있고 완전한 조사가 필요하다. 배경, 시장 조사, 업계 조사 (브랜드, 청중, 제품 ...), 포지셔닝, 표현 및 ... 조사는 디자인의 시작과 기초 (배경 지식) 입니다.
2. 내용?
내용은 주제와 구체적인 내용 두 부분으로 나뉘어 디자이너가 디자인을 하기 전의 기초 자료이다.
3. 개념?
구상은 설계의 첫걸음이며, 사고는 디자인에서 무엇보다 중요하다. 아이디어는 항상 디자인과 독립적입니다. 아마도 이것은 당신의 시각 작품 중에서 가장 전달하기 어려운 생각일 것입니다.
4. 시각 요소 동원?
디자인에서, 기본 요소는 당신의 작품의 구성 요소에 해당하며, 각 요소는 정보 전달을 전달하고 강화하는 목적을 가지고 있어야 합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 정말 우수한 디자이너는 종종 매우 인색해서, 한 가지 요소를 사용할 때마다 전반적인 수요에서 고려한다. 한 페이지에서 구성 요소를 범주별로 나눌 수 있습니다 (예:?
제목, 문자, 배경, 색조, 마스터, 공백, 시각적 중심 등. 그래픽 디자인 레이아웃은 서로 다른 요소를 유기적으로 결합하는 과정입니다. 예를 들어 레이아웃에서 프레임 (골격이라고도 함) 을 자주 사용하며 다양한 형식, 규칙 프레임 및 불규칙한 프레임, 보이는 프레임 및 숨겨진 프레임이 있습니다. 서체 요소에서 서체와 서체의 선택과 배합은 매우 신경을 쓴다. 서체 스타일을 선택하는 과정은 미적 판단의 과정이며, 색채의 사용은 한 디자이너의 색채에 대한 이해와 수양을 반영할 수 있다. 색채는 일종의 언어 (정보) 로, 감정이 있고, 연상시킬 수 있고, 차갑고, 앞뒤, 경중, 크기 등을 느낄 수 있다. 시각적 요소를 잘 동원하는 것은 디자이너에게 꼭 필요한 능력 중 하나이다.
(5), 표현 방법 선택?
기술은 기술이다. 시각 제품이 범람하는 오늘날 관객을 감동시키는 것은 쉽지 않다. 더 많은 시각 작품은 이미 사람들의 눈에 의해 자동으로 무시되었다. 얼마나 많은 방법으로 당신의 메시지를 전달할 수 있습니까? 하나는 전통적인 미학 표현의 완벽하고 완벽한 디자인 방법으로 관객들이 감상하고 기억할 것이다. 둘째, 참신하거나 예상치 못한 방식 (재료에 포함) 으로 실현할 수 있다. 셋째, 미친 광고량과 카펫 폭격이다. 우리는 어느 것이 더 필요합니까? 세 가지 방법 모두 목적을 달성할 수 있지만, 우리는 그것들의 보답이 다르다는 것을 안다.
우리는 비교, 유추, 과장, 대칭, 1 차 및 2 차, 음영, 변화, 반복, 모순, 방사선, 리듬, 두께, 냉난방, 면적 등 세 가지 주요 구성에서 다양한 그래픽 처리 및 표현 기법을 배웠습니다. 또한, 그림, 연필, 수채화, 판화, 크레용, 낙서 ... 사진, 오래된 사진 등과 같은 그래픽 처리 효과에서 손으로 그린 효과도 있습니다. 그럼 어느 것을 고르시겠습니까? 그것은 당신의 목적과 목표 그룹, 그리고 당신의 디자인 수준에 달려 있습니다.
6. 균형?
균형은 시각적이고 심리적인 만족을 가져올 수 있다. 디자이너는 화면 속의 힘 필드 균형, 앞뒤 균형, 균형감 또한 디자이너 구도에 필요한 능력을 해결해야 한다. 균형과 불균형은 상대적이며, 주제 요구 사항을 충족시키는 것이 표준이다. 균형은 점, 선, 면, 색상, 공간의 균형을 포함하여 대칭 균형과 비대칭 균형으로 나뉩니다.
⑦, 재능이 넘치니?
기억하세요, 당신은 당신의 작품을 승화시키기 위해 시각적 자극을 만들어야 합니다.
오늘 스타일에 대해서?
디자이너로서 그는 때때로 스타일에 반대한다. 고정풍의 형성은 자아의 경직성을 의미하지만, 동시에 스타일은 디자이너의 개성, 선호도, 스펙, 수양의 구현이자 디자이너의 성숙의 상징이다. 그는 "대동을 알아야 혼자 걸을 수 있다" 고 생각한다. "
⑨, 생산?
검사 항목에는 그래픽, 글꼴, 문자, 색상, 배열, 비율, 도련 등이 포함됩니다.
요구 사항: 시각적 상상력과 효과는 눈과 귀를 즐겁게 해야 하며, 더 중요한 것은 관객이 이해할 수 있도록 해야 한다!
웹 사이트 디자인 디자인 프로세스:
① 웹 사이트 디자인 프로세스 1: 스타일을 결정합니다.
한 사이트의 스타일은 색상, 기술, 텍스트, 레이아웃, 상호 작용을 통해 한 사이트의 개성을 요약할 수 있습니다. 즉, 거칠고 호방한지, 신선하고 아름다운지, 부드럽고 우아한가, 아니면 열정을 고집하는가; 활발하고 변화무쌍한가, 아니면 낡은 규칙을 고수하는가? 자신이 어떤 인상을 주어야 하는지 분명히 한 후에는 사이트에서 가장 특색 있는 것, 즉 사이트 스타일을 가장 잘 반영하는 것을 찾아야 한다. 웹 사이트의 특색으로 강화하고 홍보하는 데 중점을 둡니다. 스타일의 형성은 한 번에 고정되는 것이 아니다. 너는 실천에서 끊임없이 강화하고, 조정하고, 향상시킬 수 있다.
② 웹 사이트 디자인 프로세스 2: 자료 수집.
관련 텍스트, 사진, 사운드, 이미지 등의 자료를 찾아 수집하고 수집한 자료를 정리하고 가공한다.
③ 웹 사이트 디자인 프로세스 3: 웹 사이트 레이아웃
홈페이지: 홈페이지 주제도 로고와 사이트 제목에 반영됩니다. 홈 페이지 주제에 대한 정확한 요약은 사용자가 필요한 웹 사이트를 정확하게 선택하는 데 도움이 될 수 있습니다.
홈 탐색: 웹 사이트 탐색은 웹 사이트 콘텐츠의 분류로 볼 수 있습니까? 사이트 내용을 세분화하여 사용자가 개인의 요구에 따라 해당 열 페이지를 선택하고 탐색할 수 있도록 합니다.
홈페이지 내용: 페이지의 콘텐츠 레이아웃은 먼저 사이트 사용자 커뮤니티의 요구를 분석하고 사용자의 가장 관심 있는 콘텐츠를 홈페이지의 가장 중요한 위치에 배치해야 합니다. 일반적으로 페이지 내용 레이아웃은 사용자의 탐색 스타일과 내용의 중요성에 따라 왼쪽 위에서 오른쪽 아래로 정렬됩니다.
④ 웹 사이트 디자인 프로세스 4: 로고 디자인
로고를 디자인하는 방법은 많은 사이트 디자이너들이 골치 아픈 문제이다. 설계를 하기 전에 기초 조사 분석이 필요하다. 즉, 기업에 대한 종합적인 조사를 실시하고 필요한 자료를 발굴한 후, 마지막으로 설계 개발을 진행한다. 이것은 또한 가장 중요한 단계입니다. 수정을 반복해서 다듬어야 만족스러운 로고도 설계할 수 있다.
⑤ 웹 사이트 디자인 프로세스 5: 네비게이션 디자인
탐색을 설계하기 전에 사용자에게 필요한 것을 충분히 분석해야 한다. 탐색의 유효성, 구현 및 활용에서 탐색을 설계합니다.
웹 사이트 디자인 프로세스 6: 배너 디자인
배너를 디자인하기 전에, 배너에 무엇을 강조하고 싶은지 고객과 소통하고 배너의 내용을 구체적으로 표시해야 합니다. 우리가 요점을 결정할 때, banner 의 색상 배합은 전체 페이지와 조화를 이루도록 밝고 깨끗해야 한다.
⑦ 웹 사이트 디자인 프로세스 7: 친숙한 링크 디자인.
웹 사이트의 우호적인 링크를 디자인할 때는 웹 사이트의 최적화를 고려해야 한다. 아무도 링크를 교환하지 않기 때문에 링크를 스크롤할 수 없습니다. 그것들을 맨 아래에 나열하는 것이 가장 좋다.
넷째, 주의사항
시각은 사람들에게 일련의 생리, 심리, 감정, 행동반응을 가져다 준다. 디자인은 시각적 경험의 과학으로, 두 가지 측면을 포함한다. 하나는 인위적인 변화 없이 생리학의 기본 반응을 느끼는 것이고, 다른 하나는 즉각적이거나 불확실한 요소의 구성이다. 개인적인 취향, 성격 등등.
1, 상대 안정성:
주로 생리적인 시각의식, 사람의 시각습관, 시각과정, 시각논리, 예컨대 위에서 아래로, 왼쪽에서 오른쪽으로, 일관성, 반복, 대비, 대비, 색채 면에서 사람들이 가장 좋아하는 것은 사실 대비가 있는 보색 등이다. 이것은 모두 사람의 생리습관과 관련이 있으며, 인간의 생리기능의 본능적 반응이다. 디자이너로서 우리는 이러한 지식을 충분히 이해하고 융통성 있게 활용해야 한다. 디자인은 사람에 대한 관심이다. 우선 문화와 인간의 인식과 같은 비교적 안정된 방면을 연구해야 하며, 실천에서 총결해야 한다.
2. 불안정성:
불안정 방면은 주로 감정, 자질, 맛, 경험의 차이를 가리킨다. 디자인 과정에서, 너는 어느 정도의 판단과 파악 능력이 필요하고, 객관적이고 자제해야 우수한 설계를 완성할 수 있다.
3, 과학적 디자인 사고:
디자인은 과학적 사고 방식을 가지고, 같은 안에서 차이를 찾고, 다른 곳에서 공통점을 찾고, 종횡으로 관련된 사고, 발산 사고 등 다양한 사고 방식을 파악하고 활용해야 하며, 과학적 사고 방법을 잘 활용해 기발한 새로운 시각적 이미지를 찾아 새로운 가능성을 끊임없이 발견해야 한다.
사실, 평면 시각 과학은 넓고 심오한 학문이다. 이러한 지식이 완벽하고 깊이 보급되어야 설계 수준의 보편적인 향상을 보장할 수 있다. 이 관점은 여기서만 제기될 뿐, 앞으로 다른 학과의 연구 성과와 결합하여 체계적으로 정리하고 토론할 필요가 있다.