본문 바로가기

Box/Design

[책 리뷰] UX/UI의 10가지 심리학 법칙 보호되어 있는 글입니다.
[책 리뷰] 사용자를 유혹하는 UX의 기술 ( 33가지 디자인 원칙) 보호되어 있는 글입니다.
컬러의 아이디어 및 영감이 필요하세요? COLOURlovers사이트는 색상, 배색 팔레트, 패턴, 최근 컬러동향을 알 수 있습니다. 분야별로 패션, 웹, 프린트 등 나누어 컬러패턴을 보여 줍니다. 어도비에서 제공하는 Adobe Kuler 적절히 배색된 다양한 색상 테마를 볼 수 있고 Adobe CS프로그램에서 테마를 불러와 사용하거나 내가 만든 색상배색을 Kuler에 올릴 수도 있습니다. CS4 Photoshop을 이용해서 사용하는 방법은 MR. Travel님의 블로그에 잘 나와 있어요. Color Scheme Designer는 간단한 조작으로 mono, complement, triad, analogic 등 컬러 배색을 도와 줍니다. Dribbble는 웹, 앱, 모바일 디자인(사진 & 이미지)를 올리는 사이트인데 이미지를 클릭하고 들어가면 이..
웹디자인시 960px 너비의 Grid System으로 빠르고 깔끔하게 균형잡힌 레이아웃 만들기 최근 모니터가 최소 1024 x 768의 해상도 지원하므로 웹사이트 디자인시 어느 브라우저나 모니터에 가로 스크롤바 없이 잘 보이도록 960px 너비로 정돈되고 균형잡힌 레이아웃을 잡는데 도움을 주는 www.960.gs의 960 Grid System(css가 포함된 html , png파일 제공)을 이용하면 편리합니다. www.960.gs 사이트 12colum Grid 16colum Grid Custom CSS Generator HTML Layout Generator 이 외의 사이트로는 http://www.gridsystemgenerator.com/
크로스브라우징 테스트 프로그램 및 사이트 웹표준과 크로스브라우징때문에 익스플로러, 파이어폭스, 오페라, 사파리, 크롬등 호완성 테스트를 해야하는데 유용한 프로그램과 사이트 입니다. IE버전별 테스트 가능한 IETester (다운로드) IETester는 프로그램을 다운받아서 설치하고 사용하는 것과 달리 아래 사이트는 웹페이지에서 처음 사용시 플러그인만 설치하면 ie는 물론 ff, safari, opera, chrome 등 버전별로 테스를 할 있습니다. 원하는 브라우저 클릭하고 창 뜨는데 좀 시간이 걸려 처음엔 저도 왜 반응이 없지? 하며, 몇번이나 클릭했었는데 조금 뒤에 창이 떴습니다. ^^; 어떤 사이트는 캡쳐해서 보여줘서 불편하고 한계가 있었는데 spoon.net은 로컬에 각각의 프로그램을 설치하고 사용하는 것처럼 보여줍니다. 강추하는사이트 ..
스위시맥스 효과 미리보기