Blog

2 August 2019

웹디자인기능사 실기 예제

관련: 다운로드 25 무료 여유 이모티콘 디자인 팀은 그들이 현대 웹 사이트 디자인의이 요소는 정확히 같은 소리가 필요 몰랐다 : 당신은 단지 당신의 순위를 높일뿐만 아니라, 사용자를위한 사이트를 설계해야합니다. 회사, 더 나은 순위를 얻기 위해 절망의 감각에서, 구글에 대 한 “좋은” 하지만 사용자에 대 한 나쁜 일을 하는 경향이. 아래에는 반응형 웹 디자인의 기본 기준을 넘어서는 11가지 예제가 포함되어 있습니다. 각 웹 사이트는 사용자의 고유한 컨텍스트에 맞는 환경을 제공합니다. 이 게시물에서우리는 30 개 이상의 포트폴리오 사이트를 특징으로하여 잠재 고객과 의사 소통하기 위해 자체 설계 프로젝트의 사례 연구를 사용하는 방법을 보여줍니다. 그들 모두는 사이트에서 “사례 연구”라고하지만, 모든 클라이언트의 이름으로 스크린 샷을 제공하는 것보다 훨씬 더 많은 정보를 제공합니다. 그러나 선택할 수있는 옵션이 너무 많기 때문에 어떤 옵션을 고려할 가치가 있는지 결정하는 것은 어려울 수 있습니다. 초점을 좁힐 수 있도록 사이트 성능을 개선하기 위해 포함할 수 있는 최신 웹 사이트 디자인의 8가지 중요한 요소를 자세히 설명했습니다. 모바일 웹 사이트는 디자인에서 다양한 장치 크기를 점진적으로 고려하기 시작하면서 그 어느 때보다 도드라지고, 작동하고, 더 나은 성능을 발휘하기 시작했습니다. 1989년 CERN Tim Berners-Lee에서 일하는 동안 글로벌 하이퍼텍스트 프로젝트를 만들것을 제안했으며, 이 프로젝트는 나중에 월드 와이드 웹으로 알려지게 되었습니다. 1991년에서 1993년 동안 월드 와이드 웹이 탄생했습니다. 간단한 줄 모드 브라우저를 사용하여 텍스트 전용 페이지를 볼 수 있습니다.

[2] 1993 년 마크 안드레센과 에릭 비나, 모자이크 브라우저를 만들었습니다. 당시에는 여러 브라우저가 있었지만 대부분은 유닉스 기반이고 자연스럽게 텍스트가 무거웠다. 이미지 나 소리와 같은 그래픽 디자인 요소에 대한 통합 된 접근 방식은 없었습니다. 모자이크 브라우저는이 금형을 부러. [3] W3C는 1994년 10월 “진화를 촉진하고 상호 운용성을 보장하는 공통 프로토콜을 개발함으로써 월드 와이드 웹을 최대한의 잠재력으로 이끌기 위해 만들어졌습니다.” [4] 이것은 어느 한 회사가 독점 브라우저와 프로그래밍 언어를 독점하지 못하게 했으며, 이는 월드 와이드 웹의 영향을 전체적으로 변화시킬 수 있었습니다. W3C는 오늘날 자바 스크립트에서 볼 수있는 표준을 설정하는 것을 계속합니다. 1994년 안드레센은 통신 주식회사를 설립하여 나중에 넷스케이프 커뮤니케이션즈, 넷스케이프 0.9 브라우저로 알려지게 되었습니다. 넷스케이프는 기존의 표준 프로세스에 관계없이 자체 HTML 태그를 만들었습니다. 예를 들어 Netscape 1.1에는 배경 색을 변경하고 웹 페이지의 테이블이 있는 텍스트 서식을 지정하는 태그가 포함되어 있습니다.

1996년에서 1999년까지 마이크로소프트와 넷스케이프가 궁극적인 브라우저 지배를 위해 싸우면서 브라우저 전쟁이 시작되었습니다. 이 기간 동안 이 분야에는 특히 계단식 스타일 시트, 자바스크립트 및 동적 HTML과 같은 많은 새로운 기술이 있었습니다. 전반적으로, 브라우저 경쟁은 많은 긍정적 인 작품으로 이어질 했고 웹 디자인이 빠른 속도로 진화하는 데 도움이되었습니다. [5] 플랫 디자인은 방문자가 콘텐츠를 더 빨리 이해하는 데 도움이되며 깊이의 요소를 추가하면 콘텐츠에 생명을 불어 넣을 수 있습니다. 평면 디자인을 사용하여 웹사이트를 완전히 디자인하든 그림자 및 기타 요소를 활용하든 관계없이 웹 사이트 전체에서 일관성을 유지해야 합니다. 홈페이지, 제품 페이지 및 웹사이트의 다른 주요 섹션은 모두 동일한 디자인 단서를 활용하여 방문자가 보고 있는 내용을 즉시 이해할 수 있도록 합니다. Marcotte는 “유동적인 레이아웃은 사용자및 브라우징 습관의 손에 우리의 디자인을 단단히 제어합니다. 다른 사람을 복사하고 싶지 않습니다. 특정 대상을 위한 최고의 홈페이지 디자인을 구축하고 고유한 품질을 강조하여 제품 및 서비스를 잘 소개합니다.

이것은 “표시, 말하지 않는” 디자인의 예입니다. “우리는 건강에 관한 기사를 게시합니다”라는 큰 헤드 라인 대신 Healthline은 기사 제목과 발췌문이 많은 사실을 보여줍니다.

Bize Ulaşın