민감하고 가벼운 귀하의 사이트를 만들기 위해 가벼운 디자인을 위한 6 개의 팁

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

계획 과정에서 웹 사이트 또는 소프트웨어 디자인, 우리는 종종이 토론 들었어요: "이이 함수 설계 너무 많이" 또는 "우리가 더 가볍게 처리할 수 있게 되 고 싶어요". 그것은 가벼운 디자인입니다 보인다 화제가 오늘, 뿐만 아니라 디자이너의 좋아하는의 구 세대 w e b 2.0 (세계에서 그들을 보고 어디서 나 SNS 사이트, 시각적 요소 또는 대화형 프로세스 빛 빛이 될 수 있는지 여부). 이 종이, 연습과 요약의 관점에서 선수 야 앞으로 라이터 디자인 6 기법.

경량 디자인 무엇입니까:

시작 하기 전에, 어떤 가벼운 디자인에 대 한 명확 해야 합니다. 여기 않습니다 싶지 다음 전문의 정의 그냥 가벼운 디자인을 표현 해야 하는 가벼운 디자인에 게 이해의 특성.

민감한 대화형 요소: 페이지, 텍스트 상자, 단추 및 기타 대화형 요소에 링크 민감하게 동작 및 즉각적인 피드백에 응답할 수 있습니다.

경량 프로세스 및 팁, 사용자의 현재 작업을 중단 하지 마십시오:이 가능 하 고 명확한 단계를 완료, 팁 및 사용자 주요 작업의 중단 없이 가능한 임시 작업까지 작업 불필요 한 확인 작업을 수행 하는 사용자를 허용 하지 않습니다.

사용자의 주의 함께 방해 하지 않습니다: 사용자가 감사 절묘 한 디자인 보다는 제품 및 서비스를 사용 하 여, 디자인은 너무 무거운 경우에 디자인 요소를 사용 하 여 정신이 될 것 이다. 덜 쓸모 없는 장식 및 세부 정보를 사용 하려고 합니다.

경량 설계를 위한 6 개의 팁:

1. 유연한 로고 응답 지역

일반적으로 웹 사이트의 로고를 클릭 하면 우리 홈페이지를 다시 제공 합니다. 이 관점에서 로고 브랜드 아이덴티티의 역할 뿐만 아니라 또한 중요 한 탐색 기능을 가정. 심지어는 일반적인 링크 때 라인에 걸쳐 마우스 밑줄 또는 컬러 힌트, 다음 대화형 더 중요 한 요소로 로고도에 있어야 적절 한 피드백을 제공 하기 위해 마우스?

여기에 몇 가지 로고 영역에 마우스 예제에 유연 하 게 대응 프로세스의 사용에 작은 변화, 유용성을 향상 시킬 뿐만 아니라 민감하고 분노 또한 표시 하는 사이트를 만들 있습니다.

2. 민감한 인터랙티브 요소

사이트의 중요성에 대 한 탐색은 자명, 탐색 요소 마우스 작업에 즉시 응답할.

중요 한 작업 및 가이드 단추 디자인 되어야 한다 더 신중 하 게, 3-상태 (정상, 가져가, 활성) 또는 (비활성화 된 상태로 추가)도 4 개의 국가 포함 하 여. 이 앞으로 피드백을 제공, 중요 하 고 효율적인 표시 되도록 하는 시간에 다른 작업에 게 중요 한 인터랙티브 요소 이기도 합니다.

초점 메시지가 표시 되지 또는 힌트는 충분히 명확 하지 않다 때에 주로 텍스트 상자의 상태는 쉽게 간과 세부 사항 이기도 합니다.

더하여, 약간 더 긴 응답 시간으로 일부 작업 진행률 피드백 주어져야 한다. 분명 한 것 같다 하지만 디자인에서 종종 간과 됩니다.

3. 명확 하 고 부드러운 힌트

팁 일반적으로 보조 정보를 제공 하는 과도 한 보강 이후 보조, 안 됩니다. 하지 않는 한 필요, 그것은 또한 최상의 (필요로 하는 사용자가 적극적으로 종료, 확인, 등.) 등 사용자에 게 추가 작업을가지고. 힌트의 콘텐츠 도움 또는 피드백, 간결한 것이 중요 하다 그래서 이기도 합니다.

트위터 메시지의 맞춤된 테마를 대체, 페이지의 상단에서 부드러운 표시, 남아을 순간 자동으로 사라집니다.

Meme에 따라 힌트 작업 장소에 표시 됩니다.

4. 숨기 거 나 자주 사용 되는 작업을 약화

자주 사용 되는 작업을 약화, 또는 숨겨진, 수 있습니다 때 마우스를 나타납니다. 이 기반 위에서 언급 한 사용자의 주의 견해와 방해 하지.

지 저 귀 다 각 microblog 항목의 작업을 숨깁니다 하 고 독서의 산만 감소 시킨다. 그리고 마우스 입력 응답 영역 및 작업 때, 피드백에 대 한 해당 변경 내용.

최소화 하 고 사진 브라우징 간섭을 최소화 플리커도 밝은 회색, 사진에 대 한 사용 됩니다.

5. 안내 및 권장된 작업을 강화

강력 하 고 명확한 지도 필요, 연구가 보여줍니다 페이지를 검색 하는 사용자는 점프, 비-선형, 사용자가 선택 하 고 최고의 옵션을 찾을 많은 작업에서 좋아하지 않아. 그래서 명확한 지침 더 중요 해 집니다. 중요 하 고 일반적인 작업 검색을 용이 하 게 하 고 클릭 합니다 구체적으로 처리 수 있습니다 또한.

대형 및 사용 하기 쉬운 폼과 등록 버튼

화살표와 빨간 버튼 시각적 경로에 명확한 가이드를 제공합니다.

일반적인 작업의 특별 한 치료입니다. 일부 브라우저는 다시 작업에 대 한 유사한 처리가 있다.

6. 빛 처리 임시 작업

멋진 영화를 보고는 때 물을 마시는 것, 당신이 그것을 부엌에가 고 싶은 하거나 컵과 주전자 편리 하 시겠습니까? 분명히 사람들은 주요 작업 및 임시 작업 처리에 관심을 방해 하고자 페이지 디자인은 동일, 가능한 현재 페이지에 현재 페이지에 완료 될 수 있다. 모달 창, 점프 페이지, 지불 레이어, 등 하자 사용자 느낌 편안 하 게 연습 하지 않습니다. 당신이 정말 필요 하지 않는 한 가급적이 방법을 사용 합니다.

페이지 끝나면 플 리 커에 사진 이름의 즉각적인 편집 하는 것은 매우 가볍고입니다.

즐겨찾기 항목에는 맛 있는 또한 이루어집니다 같은 방식으로 페이지는 완성 된, 경량과 아주 잘 감소 성희롱의 삭제.

요약:

이 문서에서는 경량 디자인 유용성의 관점에서 몇 가지 기술을 설명:

1. 유연한 로고 응답 지역;

2. 민감한 대화형 요소;

3. 명확 하 고 부드러운 힌트;

4. 숨기 거 나 약하게 자주 사용 되는 작업;

5. 안내 및 권장된 작업; 강화

6. 빛 처리 임시 작업

위의 개인 연습 및 경험 요약, 결함을 지적 하 고 더 가벼운 디자인 제안을 제공 하는 환영.