-
Inspiration, UI Design, Web Design 2013‧08‧27
Flat Web & UI Design 관련 자료 모음 (계속 업데이트)
1. Flat UI Kit (free download!) url : http://www.webdesignerdepot.com/2013/05/flat-ui-kit-free-download/?ref=webappersfreebies1 플랫 디자인 UI 킷 psd를 무료로 제공해줍니다. 방법은 아래에 보시면 이메일 주소 입력하는 부분이 있고 그 아래 동의하는 곳이 있는데 뉴스레터를 받겠느냐는 동의입니다. 잘 안쓰시는 메일 주소를 입력하셔서 동의체크하신 후 'download files' 클릭하시면 입력하셨던 메일로 파일이 발송됩니다. 스팸으로 빠질 수 있으니 'Your Webdesigner Depot download'라는 메일 제목이 있나 […]
-
Web Design 2013‧07‧15
2013 웹디자인 트렌드에 관한 인포그라픽
온라이프 스타일이란 곳에서 awwards의 책을 읽고 2013 웹디자인 트렌드에 관해 인포그라픽으로 만들었네요. 자세한 내용은 http://onlifestyle.co/2013/05/22/weekly-infographic-web-design-trends-for-2013/ 이 곳을 참고하시면 됩니다. 해당 내용은 이미지가 아래와 같습니다. 정확히 맞는 지는 모르지만 일단 제가 아는 한에서는 이렇습니다. -컨텐츠가 효율적으로 검색이 되고 접근이 되어 중점이 되도록 디자인을 한다. -간결한 레이아웃과 쉽게 읽을 수 있는 디자인을 한다. 네비게이션도 간단해야한다. - 사용자 경험을 중심으로 […]
-
Html, CSS 2012‧07‧04
구글 웹폰트 사용하기
http://www.google.com/webfonts 구글 웹폰트... 몇개 없을 줄 알았는데...500개가 넘는 폰트들을 웹 api를 통해 제공한다. 사용법은 클릭 한번으로 끝난다. 마음에 드는 폰트의 오른쪽을 보면 Quick-use 버튼이 있다. 클릭하면 다음 페이지로 넘어가서 아래와 같이 한줄을 부여해주고 이걸 헤더에 넣어주면 끝난다. <link href='http://fonts.googleapis.com/css?family=Gentium+Basic' rel='stylesheet' type='text/css'> 그런후 사용하고 싶은 폰트 클래스에 font-family: 'Gentium Basic', serif; 이렇게 넣어주면 된다. 이 모든 […]