• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] 홈짱디자인

3,658  
1. 접근 (= 메뉴 + 기기)

 

최대 2회의 클릭으로 모든 메뉴에 접근 가능해야 함. 되도록이면 1회에.....

접속하는 기기나 브라우저에 유기적으로 대응하는 
반응형 홈페이지나  모바일 전용 홈페이지 별도 존재.

 

 
2. 직관

 

사용자가 현재 자신이 어느 위치에 있는지 쉽게 확인 가능하며, 
어디로 이동하면 뭐가 있는지 잘 알 수 있어야 함.

 

 
3. 단순 = (경계선 배제 + 배경 hover 자제) = 집중

 

현란한 특수 효과 자제.   (예: 지나친 애니메이션, hover 효과 등)

열람하고 있는 콘텐츠에 집중할 수 있도록, 열람 중인 콘텐츠 주변을 깔끔하게 정리
구획을 짓기 위한 사각형 박스 남발할 경우, 경계선이 많아져 콘텐츠 집중성이 떨어짐. 
또한, 아이템에 배경 hover 줄 경우 마우스 커서 이동할 때마다 들쭉날쭉 변해서 정신 사나움. 

꼭 필요하다면, 최대한 옅은 색으로.... 글자와 테두리에만.....

 

 
4. 통일

여러 색상을 혼합해 현란하게 꾸미는 것보다,
어느 색상을 주요 색상으로 잡고 그 색상과 어울리는 색으로 통일.


 
5. 운영자의 디자인 욕심보다 사용자의 편의 우선

사용자 편의는 무시하고 디자인의 세련성에만 초점둔 디자인 자제. 


대충 이런 기준으로 홈페이지를 제작해드리려고 노력 중입니다. 

분류 제목
web 피그툴 로그인폼 자동 채우기 기능과 애드센스 충돌 현상
web 아미나빌더 저작권 가이드
web 네이버 카페 swf 파일 업로드 및 링크 금지 조치
web 우주 바탕화면 (1920 x 1200)
web Ie6부터 ie9까지 대응 (=익스플로러 하위 브라우저 호환 처리법)
web 메인 메뉴 위치 선호도 순서
web 모바일겟돈(mobilegeddon) - 모바일 친화성 홈페이지 구글 검색 결과 우선 배치
web 웹사이트 통째로 긁어오는 프로그램 소개
web PHP 프로그램을 위한 템플릿 엔진
web 채팅방과 트래픽의 연관 관계 1
web 브라우저별 HTML5 태그 지원 확인하는 법
web 특수문자를 이용한 rabbit (토끼) 이모티콘 표현법
web 타 사이트 놀러갔을 때 hover 효과 어떤 게 좋던가요? 2
web 등업은 어떻게 하나요 ㅠㅠ 1
web 추천 캡쳐 프로그램
web 트래픽 아끼는 법 4 - (= 트래픽 절약법) ★ 2
web 저작권 보호 영문 표기
web GitHub (깃허브) 파일 비교 사이트 이용 방법
web SSO (싱글 사인 온 Single Sign On) - 여러 사이트를 하나의 아이디로 이용 가능한 시스템
web SSL (보안 소켓 계층 Secure Sockets Layer)
14/19
목록
찾아주셔서 감사합니다. Since 2012