흥미롭고 매력적인 웹 페이지 디자인 혁신적인 레이아웃 및 상호 작용

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

그것은 구상 하 고 일반적인 사이트 레이아웃, 다른 혁신적인 디자인을 구축 하지만 일단 당신이 이렇게, 가장 흥미롭고 매력적인 웹 사이트를 디자인할 수 있습니다.

거의 매일이이 사이트를 볼 수 있습니다 그리고 당신이 그들을 볼 때마다 기분이, "나 바란다 난 그 생각 수." "디자이너는 일련의 뿐만 아니라 사용할 수 있지만 또한 신선 하 고 원래의 훌륭한 웹 요소 디자인의 훌륭한 일을 하고있다," 고 말했다.

독특한 스타일, 색상 조합 및 새로운 탐색 도구는 가장 흥미롭고 매력적인 웹사이트를 디자인을 사용할 수 있습니다.

이 사이트는 또한 임신을 하 고 구축 하기 어렵다.

하지만 당신은 모를 새로운 트렌드를이 끌, 클릭을 많이 또는 당신이 상상할 수 없는 방식으로 "작동" 어떤 수도. 디자이너와 개발자, 웹 디자인에 기억 하는 가장 중요 한 것 성과 효율성, 얼마나 매력적인 모습에 상관 없이 보장 하는 것입니다. 디자인 프로세스의 주요 요인의 주의 깊은 분석으로 창의적인 사고를 결합해 서, 매일 소설과 매력적인 아이디어를 생성 합니다.

프레임에서 생각

첫 번째 질문: 왜?

사이트를 스케치할 때 왜 우리가 항상 사용 사각형? 왜 항상 특정 유형의 색상 또는 글꼴 사용 하면? 이유는 사진 같은 완벽 한 4 * 6 가로 세로 비율?

둘째 질문: 어떻게 다른가?

점점 더 많은 웹사이트는 흥미롭고 혁신적인 레이아웃 탐색 하 고 새로운 방식으로이 페이지를 통해 스크롤 둥근된 모양, 극적인 이미지, 그리고 아마도 눈에 띄지 않는 색상을 사용 하 여 두 번째 질문에 대답을 선택 하 고 있다.

기본 개념

새로운 개념을 개발 하 고, 기본 개념을 염두에 기존 패턴 끊기에 열쇠가 이다. 얼마나 멋진 사이트 보인다 할지라도 그것은 충족 해야 합니다 가독성 및 유용성, 그렇지 않으면 사용자가 사이트 콘텐츠와 상호 작용할 수 없을 것 이다.

그들이 어떻게 이해 하 고 사이트를 사용 하 여 생각 디자인 프로세스는 사용자의 동작에 대해 항상 생각해 야 한다. 만약 사용자가 슈퍼 기술 사람들, 탐색 또는 스크롤 디자인 것입니다 강조 표시 됩니다 약간의 문제가 있는 경우. 하지만 사용자는 컴퓨터-흰색, 하려는 가장 기본적인 탐색 도구에 초점.

그것은 귀하의 사이트를 방문 하는 사용자에 대 한 목적입니다. 그들은 사이트에 들어가, 그들은 충분히 강할 표시 합니다. 디자인의 진짜 목적을 표현할 수 있는지 확인 하십시오은 사이트 제공 정보 컨설팅, 엔터테인먼트, 비즈니스, 그리고에.

많이 할 하려고 하지 마십시오. 흥미로운 아이디어를 선택, 하지만 같은 시간에 많은 것 들을 할 하려고 하지 마십시오. 기억 하세요, 만약 당신이 귀하의 사이트에 너무 많은 것 들, 사용자가 그것에 유지 되지 않습니다. 찾아 그들과 상호 작용 하는 재미 있고 독특한 방법.

5 웹 사이트 인스턴스

그래서 어떻게 창의력, 가독성, 그리고이 기능 들의 완벽 한 조합으로 유용성 결합 수? 우리 수 있습니다 이러한 웹 사이트에서 살펴보고 그들은 예기치 않은 새롭고 매우 훌륭한 뭔가 하 고.

Lowdi는 몇 가지 특이 한 그래픽을 통해 시각적 효과 만드는 훌륭한 일을 하. 각 색상 블록 뿐만 아니라 특정 형태의 둥근된 모서리 (또는 반전의 둥근된 모서리), 하지만 또한 이러한 블록의 형태는 회사에 의해 판매 하는 제품과 유사 하 게. 경우에 화면에 Lowdi 상자에 보이지 않는, 그의 생각 이다. 스크롤, 상자 (실제로 스피커 시스템) 팝업 거품의 시리즈를 통해 당신과 함께 통신. 아이디어는 재미, 신선 하 고 매혹적인.

웹 사이트 주소: https://lowdi.com/

스티브 Vorass 그의 개인 작품 사이트에 인기 있는 "숨겨진 탐색" 디자인 화면 상단에 있는 사이트 표시 간단한 프로젝트를 작동, 탐색의 몇 가지 모듈을 문의 했으나 페이지에 그림 또한 탐색 기능 있습니다. 각 그림 다른 항목에 점프 합니다. 더 중요 한 것은, 그림 위에 마우스 가져가면 각 사진 콘텐츠 클릭 것인지 묻습니다. 전체 사이트의 디자인은 간단 합니다, 그리고 같은 이러한 예기치 않은 애니메이션에 대 한 사실 이다.

웹 사이트 주소: http://stevevorass.com/

Caava 디자인에 뛰어난 성능을 그림의 선택과 그래픽의 재미 하지만 더 창의적인 압 연의 디자인에 있다. 전체 웹사이트 디자인 타임 라인의이 징후를 기반으로 합니다. 각 사진을 클릭 하면 또 다른 차원의 콘텐츠를 표시 됩니다. 특별 한 점은 당신이 필요가 없습니다 타임 라인을 탐색 하 고 사이트를 알고입니다. 웹사이트 구조는 명확 하 고 잘 설계 된.

웹 사이트 주소: http://www.caavadesign.com/

혁신적인 비즈니스 디자인으로 포지셔닝 자체 공동입니다. 그리고 그의 웹사이트는이 보여 줍니다. 각 페이지 탐색 클릭 선택 영역을 제공합니다. 디자인만 사용 회색-흰색 시스템 (블로그에서 색상 사진 제외), 마우스 호버 애니메이션 효과와 사이트의 가독성은 놀라운 간단 하다. 사이트를 검색 하는 방법을 선택 하면, 그것은 당신이 계속 클릭을.

웹 사이트 주소: http://www.jointlondon.com/

발렌타인 아름 다운 사진, 재미 있는 그래픽과 멋진 스크롤의 결과 사용자의 관심을 끌기 위해 효과. 이 패션 소매 사이트의 경우 제품의 질량을 표시 하는 방식으로 회사의 정보를 표시 하는 방법을 알려줍니다. 3 사진을 스크롤할 때마다 새로운 그림 아래 표시 됩니다. 지속 몇 가지 화면에 스크롤, 그래서 도울 수 없지만 어떻게 되는지 다음 합니다. 또한,이 문자 풍부한 경사 모양 만드는 전체 사진 흐름 더 선형 흥미로운.

웹 사이트 주소: http://www.ballantyne.it/

요약

년, 디자이너 라고 들었어요: 더 이상 원래의 아이디어. 그것은 나쁜 아이디어 이다. 모든 날, 새로운 기술 및 장치 웹 디자인 및 디자인 프로세스에 대 한 우리의 생각을 바꾸고 있다. 당신의 안락 지 대 밖으로 얻으십시오, 그리고 브레인 스토밍, 얻을 나가서 다음 다시 가용성에 필수적인 모든 요소가 포함 되도록 일 하는 생각을가지고.

또한 "미친" 아이디어가 실패할 수 있습니다 기억 해요. 그런 일은 아무것도 아니에요. 요약, 학습을 유지 하 고 다음 좋은 생각을 시작.

저자: 캐리 사촌

원본 링크: http://tympanus.net/codrops/2013/01/24/creative-layouts-and-interactions-in-web-design/

감사 합니다 당신의이 기사를 읽고, Tencent Isux 저작권 무단 전재, 소스, 지정 가해자 조사 것입니다, 귀하의 협조에 감사 합니다.

주석이 추가 된 소스 형식: Tencent Isux (http://isux.tencent.com/creative-web-design.html)