디자인은 일종의 심미 활동으로, 성공한 디자인 작품은 일반적으로 예술성을 지니고 있다. 그러나 예술은 단지 디자인의 수단일 뿐, 디자인의 임무는 아니다. 디자인의 임무는 디자이너의 의도를 실현하는 것이지 아름다움을 창조하는 것이 아니다.
웹 디자인의 임무는 디자이너가 표현하고자 하는 주제와 실현할 기능을 가리킨다. 사이트 성격이 다르면 설계 임무도 다르다. 형식적으로 웹 사이트는 다음 세 가지 범주로 나눌 수 있습니다.
첫 번째 범주는 시나닷컴, 인터넷, 소호 등 포털과 같은 정보류 사이트이다. 이런 사이트는 방문자에게 대량의 정보와 대량의 방문자를 제공할 것이다. 따라서 페이지 분할, 합리적인 구조, 페이지 최적화, 인터페이스 친화력 등에 주의해야 합니다.
두 번째 범주는 정보와 이미지가 결합된 웹사이트로, 일부 대기업이나 국내 고교와 같은 사이트이다. 이런 웹사이트는 설계상 요구가 비교적 높으며, 정보류 웹사이트의 상술한 요구를 보장하고, 기업과 기관의 이미지를 두드러지게 해야 한다. 그러나 현재 상황으로 볼 때, 이런 웹사이트는 조잡한 남조 혐의를 받고 있다.
세 번째 범주는 일부 중소기업이나 단위와 같은 이미지 사이트입니다. 이런 사이트는 일반적으로 비교적 작고, 어떤 것은 여러 페이지가 있고, 실현해야 할 기능도 비교적 간단하다. 웹 디자인의 주요 임무는 기업 이미지를 강조하는 것이다. 이런 사이트는 디자이너에게 높은 수준의 예술을 요구한다.
물론, 이것은 전체적으로만 볼 뿐, 구체적인 상황은 구체적인 분석이 필요하다. 사이트마다 다르게 대해야 한다. 가장 중요한 점을 잊지 마세요. 바로 고객의 요구입니다. 이것도 설계 임무입니다.
설계 작업을 정의한 후 고려해야 할 다음 사항은 이 작업을 완료하는 방법입니다.
둘째, 디자인의 실현
디자인의 실현은 두 부분으로 나눌 수 있다. 첫 번째 부분은 종이에 완성할 수 있는 대지 계획 및 스케치입니다. 두 번째 부분은 웹 페이지 제작으로 컴퓨터에서 완성됩니다.
홈 페이지를 디자인하는 첫 번째 단계는 레이아웃을 디자인하는 것입니다. 우리는 텍스트, 이미지, 심지어 애니메이션이 포함된 전통적인 신문 잡지처럼 웹 페이지를 편집할 수 있습니다. 우리가해야 할 일은 사진과 텍스트를 페이지의 다른 위치에 가장 적합한 방식으로 정렬하는 것입니다. 잘 구성된 컴퓨터 한 대 외에 소프트웨어도 필요하다. 단순히 소프트웨어의 좋고 나쁨을 말할 수는 없다. 디자이너가 사용하기 쉽고 수월하면 좋은 소프트웨어라고 부를 수 있다. 물론 디자이너의 요구에 부합해야 한다. 필자가 많이 사용하는 소프트웨어로는 Macromedia 의 Dreamweaver, Fireworks, 플래시, Adobe 의 Photoshop 및 imageready 가 있습니다. 모두 아주 좋은 소프트웨어입니다. 다음으로 우리가 해야 할 일은 소프트웨어 사용을 통해 디자인 청사진을 현실로 만드는 것입니다. 최종 통합은 일반적으로 Dreamweaver 에서 수행됩니다. 스케치에 페이지의 대략적인 윤곽을 정의했지만 영감은 일반적으로 제작 과정에서 발생합니다. 디자인 작품은 반드시 창의적이어야 한다. 이것이 가장 기본적인 요구 사항이다. 창조적이지 않은 디자인은 실패했다. 제작 과정에서 많은 문제가 발생할 수 있는데, 그중에서 가장 민감한 것은 페이지의 색깔이다.
셋째, 색상의 사용
색깔은 일종의 이상한 것이다. 그것은 아름답고 풍부하며, 그것은 인간의 마음의 지각을 불러일으킬 수 있다. 일반적으로 빨간색은 불의 색이며 열정이 분방하다. 피의 색깔이기도 하여 생명을 상징할 수 있다. 노란색은 밝기가 가장 높은 색으로 화려하고 고급스럽고 밝습니다. 녹색은 천연식물의 색깔로, 순수한 자연과 성장을 의미하며, 녹색 식품과 같은 평화와 안전을 상징한다. 보라색은 고귀한 상징이며 점잖은 느낌을 가지고 있다. 흰색은 사람들에게 순결하고 순진무구한 느낌을 줄 수 있는데, 이는 평화와 거룩함을 의미한다.
우리는 색깔이 빛의 굴절에 의해 생성되는 것을 알고 있다. 빨강, 노랑, 파랑은 삼원색이며, 다른 색은 이 세 가지 색으로 혼합할 수 있다. 다른 사고방식으로 색채의 변화로 빛의 효과를 표현하는 것은 의심할 여지 없이 우리 작품을 현실에 더 가깝게 만들 것이다.
색깔은 다른 감정을 나타내고 다른 상징적 의미를 가지고 있다. 이러한 상징적 의미는 사람들의 사상 교류에서 복잡한 문제이며, 사람의 나이, 지역, 시대, 민족, 계급, 경제 지역, 업무 능력, 교육 수준, 풍속 습관, 종교 신앙, 생활 환경, 성별 차이에 따라 다르다.
단색은 실제적인 의미가 없다. 색깔에 따라 다른 효과를 낼 수 있다. 예를 들어 녹색과 금색, 연한 흰색의 조화는 우아하고 편안한 분위기를 연출할 수 있다. 파란색과 흰색의 혼합은 부드럽고 우아하며 로맨틱한 분위기를 연출할 수 있다. 빨강, 노랑, 금색의 조화는 명절 분위기를 연출할 수 있다. 금과 샤오미의 결합은 사람들에게 따뜻함을 가져다 줄 것이다. 디자인 작업에 따라 배색 방안이 다르다. 웹 페이지의 적응성을 고려하여 가능한 한 웹 적합 색상을 사용해야 합니다.
그러나 색채의 운용에는 일정한 법칙이 없다. 어떤 규칙을 꼭 사용해야 한다면, 효과는 역효과를 낼 뿐이다. 경험상, 우리는 먼저 주제를 표현할 수 있는 주색을 결정한 다음, 구체적인 요구에 따라 색상 근사화와 대비를 이용하여 전체 페이지의 배색을 완성할 수 있다. 전체 페이지는 조화롭고 아름다운 시각 효과를 얻기 위해 시각적으로 전체여야 합니다.
넷째, 조립품 쉐이프
웹 디자인에서, 우리는 주로 시각적 전달을 통해 주제를 표현한다. 스타일링은 비주얼 커뮤니케이션에서 매우 중요한 요소입니다. 그림이든 문자든 화면의 모든 요소는 점, 선, 면과 같은 화면의 기본 요소로 취급할 수 있습니다. 성공적인 작품에서는 점, 선, 면의 조합 및 조화가 전체 페이지를 구성하는 데 필요합니다.
일반적으로 우리가 사용할 수 있는 조합 수법은 순서, 비율, 균형, 대칭, 연속, 간격, 겹침, 반복, 교차, 리듬, 리듬, 귀납, 변주, 클로즈업, 반사 등이다. 모두 자신의 특징을 가지고 있다. 디자인에서는 구체적인 상황에 따라 가장 적합한 표현 방식을 선택해야 주제의 표현에 도움이 된다.
점, 선, 면의 조합을 통해 페이지의 중요한 요소를 강조하고, 디자인 주제를 강조하고, 아름다움을 강화하고, 관람자가 아름다움을 느낄 때 디자인 주제를 이해할 수 있도록 하여 디자인 임무를 실현한다.
조형의 교묘한 운용은 거대한 미감을 가져다 줄 뿐만 아니라 기업 이미지를 부각시키고, 웹 페이지의 다양한 요소를 유기적으로 구성하고, 심지어 브라우져의 시선을 이끌어낼 수 있다.
동사 (verb 의 약어) 설계 원리
디자인은 원칙이 있다. 어떤 방법으로 화면의 요소를 결합하든, 통일, 일관성, 분할, 대비, 조화라는 다섯 가지 원칙을 따라야 한다.
통일이란 디자인 작품의 무결성과 일관성을 말합니다. 디자인 작업의 전반적인 효과는 매우 중요합니다. 디자인에서 모든 성분을 고립시켜 분산시키지 마라. 이렇게 하면 화면에 나뭇가지 덩굴이 뒤죽박죽이 될 수 있다.
일관성이란 페이지 간의 관계에 주의를 기울이는 것을 말한다. 디자인에서는, 내용의 각 구성 요소의 내적 연결과 표현 형식의 상호 호응을 이용하고, 전체 페이지 디자인 스타일의 일관성에 주의를 기울이고, 시각과 심리적 일관성을 달성하여, 전체 페이지 디자인의 각 부분이 매우 조화를 이루도록 해야 한다. 마치 단숨에 이루어진 것 같다. (윌리엄 셰익스피어, 윈스턴, 독서명언)
세그먼트화는 페이지를 여러 개의 작은 조각으로 나누는 것을 의미하며, 시각적으로 다르기 때문에, 브라우저가 한눈에 볼 수 있게 한다. 관람객이 정보가 많은 상황에서 잘 볼 수 있도록, 화면에 대한 효과적인 분할에 주의해야 한다. 세그먼트는 표현의 필요성만이 아니다. 즉, 세그먼트는 페이지 내용의 분류와 요약으로도 볼 수 있습니다.
대비는 갈등 충돌을 통해 디자인을 더욱 생동감 있게 만드는 것이다. 대비 수법은 많든 적든, 곡과 직선, 강약함, 길과 짧음, 굵고 가늘다, 소홀함과 밀밀, 허무와 실, 주차와 이차, 흑과 흰색, 움직임과 정적, 아름다움과 추함, 모이고 흩어지는 등 많다. 대비를 사용할 때 우리는 조심해야 한다. 너무 강한 대비는 미감을 파괴하고 통일성에 영향을 미치기 쉽다.
조화란 전체 페이지가 아름다움의 법칙에 부합하고 혼연일체를 이루는 것을 말한다. 디자인 작품이 단지 색상, 모양, 선 등의 임의 혼합일 뿐이라면. 그렇다면 작품은' 생활감' 이 없을 뿐만 아니라 비주얼 디자인의 전달 기능도 전혀 실현할 수 없다. 조화는 구조적인 형태뿐만 아니라 작품에 의해 형성된 시각 효과가 인간의 시각적 느낌과 소통할 수 있는지, 마음의 목소리를 낼 수 있는지에 달려 있다. (윌리엄 셰익스피어, 햄릿, 조화명언) 이것이 디자인 성공의 열쇠입니다.
여섯째, 웹 페이지 최적화
웹 디자인에서 웹 페이지의 최적화는 비교적 중요한 부분이다. 성공 여부는 페이지 탐색 속도와 적응성에 영향을 주며 웹 사이트에 대한 청중의 인상에 영향을 줍니다.
정보 웹 사이트에서 텍스트는 페이지의 가장 큰 부분이므로 글꼴 최적화가 특히 중요합니다. Css 스타일 시트를 사용하여 텍스트 스타일을 지정해야 합니다. 일반적으로 글꼴을 송체로 지정하고 크기는 12px 이며 색상은 배경색에 따라 달라집니다. 원칙적으로 명확하고 전체 페이지와 조화를 이루어야 한다. 흰색 바닥에서는 일반적으로 검은색을 사용하며 시각적 피로를 일으키기 쉽지 않아 방문자가 오랫동안 웹 페이지를 탐색할 수 있도록 합니다.
사진은 웹 페이지의 중요한 요소입니다. 사진 최적화는 브라우징 품질을 유지하면서 크기를 최소화하여 웹 페이지의 다운로드 속도를 두 배로 높일 수 있습니다. Photoshop6 또는 Fireworks4 에서는 그림을 작은 조각으로 잘라 개별적으로 최적화할 수 있습니다. 출력 형식은 상황에 따라 gif 또는 JPEG 일 수 있습니다. 일반적으로 색상 변화가 복잡한 작은 블록을 JPEG 로 최적화하고, 색상 블록이 간단한 만화식 작은 블록을 gif 로 최적화하는 것은 이 두 형식의 특징에 따라 결정된다.
표는 페이지의 중요한 요소이며 페이지 레이아웃의 주요 수단입니다. 테이블의 폭, 높이, 테두리, 배경색, 정렬 등의 매개변수를 설정할 수 있습니다. 테이블의 테두리를 0 으로 설정하여 페이지에서 요소를 찾거나 페이지에서 요소의 상대적 위치를 결정하는 경우가 많습니다. 우리는 브라우저가 웹 페이지의 원본 html 코드를 읽을 때 전체 양식을 읽은 후에만 표시된다는 것을 알고 있습니다. 하나의 큰 테이블에 여러 개의 하위 테이블이 포함된 경우 큰 테이블을 읽은 후에는 하위 테이블만 함께 표시할 수 있습니다. 우리는 몇몇 웹사이트를 방문했을 때 오랫동안 기다렸지만 결과가 없었다. 이것이 바로 우리가' 중지' 버튼을 눌렀을 때 갑자기 페이지를 표시하는 이유이다. 따라서 페이지 표를 디자인할 때는 모든 요소가 한 표 안에 중첩되지 않도록 해야 하며 표의 중첩 레이어 수는 가능한 한 적어야 합니다. Dreamweaver 를 사용하여 웹 페이지를 만들면 각 TD 에 빈 문자 ""가 자동으로 추가됩니다. 셀에 다른 요소가 채워지지 않은 경우 이 빈 문자는 유지되며 TD 의 폭이나 높이를 지정한 후 소스 코드에서 제거할 수 있습니다.
웹페이지의 적응성은 매우 중요하다. 우리는 서로 다른 시스템, 해상도, 브라우저에 따라 다른 결과를 볼 수 있기 때문에 설계 시 총괄적으로 고려해야 한다. 일반적으로 우리는 웹 페이지를 만드는 것은 모두 800*600 이고, 가장 좋은 브라우징 효과도 800*600 해상도이다. 다른 경우에는 기본적인 일관성을 보장하기만 하면 큰 문제가 없을 것이다.
디자인 제작 사이트를 원하시는 분들도 서로 교류하실 수 있습니다: 앞 dzh, 뒤 xx09.