Blue Breeze

3 awesome tools for a better front-end dev experience visbug JavaScript로 구축된 오픈 소스 웹 디자인 디버그 도구 axe DevTools axe - Web Accessibility Testing Polypane Browser 개발자와 디자이너를 위한 브라우저

12 Essential Responsive Design Tools Mock-ups, Prototyping and Wireframing Tools - 목업, 프로토타이핑, 와이어프레임 툴 InterfaceSketch 종이와 필기구를 이용하는 스케치를 선호한다면 다양한 모바일 장치의 화면에 맞게 설계된 간단한(무료) PDF 템플릿 꾸러미를 제공하는 InterfaceSketch를 이용해보자. PDF 파일을 인쇄하고 최고의 디자인 도구인 종이와 필기구를 사용 초기 디자인 스케치할 수 있다. StyleTiles StyleTiles은 인테리어 디자인에서 개념을 빌려 Mock-up과 Wireframe을 쉽게 사용할 수 있게 만들어진 툴이다. Responsive Wireframes 전통적인 Wireframe은 정적인 ..

참고 5 Rules for Best Practice Email Design: Coding 최상의 이메일 디자인(코딩)을 위한 5가지 규칙 Design on a Width of 600 pixels 600픽셀 너비 디자인 대부분의 이메일 표준폭은 550~600픽셀정도이고 안전을 위해서 700픽셀 이하로 유지하라. Use Background Images Sparingly 드물게 백그라운드 이미지를 사용하라 기본적으로 단색배경을 이용해서 디자인하고 배경 이미지를 활용하라. Stick with System fonts 시스템 글꼴을 사용하라 이메일에서 웹글꼴은 지원되지 않으므로 웹 안전글꼴을 이용하라. Strive for a Good Balance of Text-to-Image Ratio 글자와 이미지간 비율을 유..

내용은 직접 전자상거래 디자인을 위한 6가지 황금 규칙 내용중 제목만 간추려서 참고용으로 작성했습니다.상세 내용은 해당 게시물을 확인하시면 됩니다. Keep the Cart Simple 카트는 간단하게 유지.Display the Cart Details 카트에 세부 사항을 표시.Give Those Options 게스트로 구매할 수 있는 옵션이 주어줘야 한다.Instill Trust 신뢰를 줘라. 구매를 위한 믿을 수 있는 결재 서비스 제공.Keep the Process Linear 프로세스 선형을 유지. 심플하고 일관된 한방향 구매 프로세스를 유지하라.Uncomplicate Your Forms 복잡하지 않는 입력양식

Design 디자인 기획 / 매뉴얼 만들때 고려해야 할 점 컨셉 // - 칼라패턴 설정, 스타일시트 정의 사이트맵 네이비게이션 스토리보드 화면디자인 화면구성 보드