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

[web] 홈짱디자인

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

 

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

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

 

 
2. 직관

 

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

 

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

 

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

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

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

 

 
4. 통일

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


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

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


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

분류 제목
pc 크롬 - 구글 번역 확장 프로그램 소개 (※ Google 번역기)
pc ACER (에이서) 노트북 BIOS(바이오스)・CMOS(시모스) 진입 / 부팅 순서 설정
web 특수문자를 이용한 rabbit (토끼) 이모티콘 표현법
web 요소짤림, 내용짤림 원인별 해결사항 (= 짤림방지 = 짤림해결, 짤림증상해결)
pc 윈도우10 - 메모장 관리자 권한으로 실행 + hosts 파일 수정 ※ localhost (로컬호스트) 속도…
web https (SSL 보안인증서) 적용 고려사항 + (Letsencrypt + StarSSL + cloudfl… 2
site 문챗 vs 유챗 비교 + 채팅방 종류 (= 채팅사이트 모음)
web 코드펜 같은 웹 개발 도구 사이트 모음 ※ 코딩 결과물 바로 확인 + Emmet 에밋 (= 빠른코딩/단축코딩…
pc 윈도우검색프로그램 비교 ( quick-search vs. everything) (퀵서치 vs 에브리씽/에브리… 2 설문 중
web 랜덤이미지링크 (Random Image img)
pc 윈도우10 - 부팅 시 잠깐 보이는 cmd (= 도스창) 원인・해결
web 댓글 창을 뚫고 나오는 특수문자
life 구글 로그인 2단계 인증 알림 안 올 때 해결 방법
pc 브라우저 비교/추천 ★ (Browser, Speed, Merit, Demerit) 2
web 쿠키, 세션, 캐시(=캐싱) (정의, 장점, 단점) 차이점/비교
web 무료 이미지 호스팅 사이트 (=이미지 외부 링크 허용)
web A non-numeric value encountered 오류
pc 크롬 팝업 (차단・허용) 설정 + 새탭 새창 팝업 차단 (Chrome, PopUp)
pc 윈도우10 - NTUSER.DAT 파일 삭제 금지. ㅡㅡ;
autoset Autoset (오토셋) - 다운・설치・홈페이지 개설 ★★★★★
3/163
목록
찾아주셔서 감사합니다. Since 2012