디자인로그 (149) 썸네일형 리스트형 [web] 아기자기 일러스트 cheestrings [web] 아기자기 일러스트 cheestrings http://www.cheestrings.co.uk/ 주로 일러스트 느낌을 선호하는 cheestrings의 프로모션 사이트였던 것 같다. [web] 비비드컬러 saltfilms [web] 비비드컬러 saltfilms http://www.saltfilms.com.sg/ 깔끔한 벡터 일러스트에 재미있는 인터렉션과 감각적인 색감의 사이트 캡쳐되어 있는 이미지의 손으로 클릭을 하기 때문에 클릭이 조금 어렵다. [모바일 web] 레이아웃 참고 XHDPI 이미지는 360*530px로 되어 있으며 DP개념을 도입하여 최신 스마트폰에 맞춘 XHDPI의 화면 레이아웃을 구성한다. [모바일 web] 모바일 웹 디자인 가이드 [web]모바일 웹(APP) 디자인 가이드 ※ 안드로이드 기준으로 설명하고 있고 반드시 정해진 규칙에 따라야 하는 것은 아니나 기본적인 가이드를 따르면 훨씬 보기 좋은 디자인을 만드는데 도움이 될 수 있다. 기기 및 디스플레이 다양한 높이와 너비를 지원하기 위해 레이아웃을 유연하게 작업한다. 화면의 크기에 맞추어 레이아웃을 최적화 한다. 여러 종류의 화면해상도 리소스를 제공해야 한다. 테마 일관적인 스타일을 적용할 수 있도록 안드로이드가 제공하는 3가지 시스템 테마 (아이스크림 샌드위치) 3개의 테마를 기준으로 수정한 디자인(스타일) 적용 가능 터치 피드백 터치 및 제스처 결과를 강조하고 가능과 불가능 액션을 표시 다양한 상태를 알려주는 터치 피드백 디자인 길이 및 격자 터치할 수 있는 UI는 48DP단.. [web] 그리드 시스템의 이해 [web] 그리드 시스템의 이해 기본적으로 나는 전문적인 웹 디자이너는 아니지만 it업계에서 오래 일을 하다보니 잡스러워져 가끔 웹 디자인 부탁을 받곤 한다. 그럴때마다 '각 컨테츠의 간격을 얼마나 두어야 보기 좋고 안정적인 디자인인가? ' '최대 가로 사이즈를 변환할 수 있게 할 것인가?' '고정으로 간다면 어느정도의 크기로 정해야 하는가?' 하는 문제로 고민하곤 했는데 이럴때 아주 기초적인 그리드 시스템을 사용하면 편리하다. 실제로 네이버 다음 등 대형 포탈 사이트에서는 이 그리드 시스템을 기본으로 디자인 되어 있다. 960 Grid system 960 12 컬럼 그리드 시스템 컨텐츠 영역은 940px로 좌우 10px씩의 여백, 각 컬럼은 60px, 컬럼의 간격은 20px로 설정하여 컨텐츠를 배치하는.. 적절한 그라데이션 사용 예 적절한 그라데이션 사용의 예 출처 : http://dribbble.com 디자인을 하다보면 자칫 필터의 남용으로 상대적으로 퀄리티가 떨어져 보이는 작업물을 뽑아낼 수도 있다. 적절한 그라데이션과 필터 사용으로 단순한 쉐입에 깊이감과 풍부함을 더해준다. 보색파스텔 일러스트 색감 참고용 보색파스텔 일러스트 색감 참고 출처 : http://dribbble.com 강한 대비의 보색도 잘 쓰면 약 연극과 같은 사진, 샌디스코글런드[Sandy Skoglund] 연극과 같은 사진 '샌디스코글런드' "현실을 찍는 작업이 아니라 자신의 생각을 사진 작업으로 남기는 것" - Sandy Skoglund [모바일] ios app icon ios app icon http://iosicongallery.com/ http://www.iconsfeed.com/ http://www.iicns.com/ http://www.iospirations.com/ios-icon-designinspirations/frontpage http://www.appleinspires.me/tag/icons/ http://dribbble.com/search?q=iOS+icon http://pinterest.com/search/pins/?q=iOS+Icon http://forrst.com/posts?search=iOS+Icon&sort=&types= http://www.flickr.com/search/?q=iOS+App+Icons http://www.mobiletuxedo.. [UI] 바람직한 UI [web] 바람직한 UI 출처: http://gokgo.tistory.com/94 원문사이트 (http://www.goodui.org) 좋은 UI란 높은 변환율과 쓰기 쉬운것. 다른말로 쓰는 사람이나 사업측면이나 모두 괜찮은것이다. 여기 시도해볼만 실용적인 아이디어들을 리스트해두었다. 1. 멀티컬럼 대신 원컬럼 레이아웃을 써라 원컬럼 레이아웃은 당신이 생각하는 것이상의 컨트롤이 가능하다. 맨위에서 맨아래까지 더 예측가능하도록 당신의 독자들에게 가이드 해줄수있기 때문이다. 반면 멀티컬럼은 페이지의 핵심 컨텐츠에 집중하는 것을 방해할 부가적인 위험을 가지고 있다. 사람들에게 하나의 스토리와 그 끝에 그에 반응하도록 가이드하라. 2. 팔고나서 입 싹 씻지말고 선물을 줘라. 고객에게 선물을 주는것같이 상냥한 제.. [모바일] ios7 icon 스타일 비교 [모바일] ios7 GUI와 기존 ios GUI 비교 ios7 GUI와 기존 ios GUI 비교 With the release of iOS 7, app designers and developers will need to adjust their visual language to match the new "flat" design of iOS. In addition to the grid system, the dimensions of icons and commonly used elements, typography and iconography has been updated by Apple in many ways. That‘s why the old iOS Design Cheat Sheet that I published last year with the release .. 이전 1 ··· 8 9 10 11 12 13 다음
