![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/E3kq9/btq7nQpORia/BKlu6xhUVFqipPG1pi18o1/img.jpg)
디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 1. Make your elements appear more defined with a subtle border. // 요소에 테두리를 둥글게 하고(border-radius), 그림자 같은 음영(box-shadow) 효과 적용 2. Reduce Letter-spacing on your Headings to give a better optical balance. // optical balance를 위해 제목의 문자 간격을 줄인다. ※ optical balance 우리의 뇌는 때때로 정보를 의도한 것과 약간 다르게 인식할 수 있는데 이것을 착시현상이라고 한다. 착시 현상은 디자인에도 적용된다. 그러나 인터페이스를 설계하면 반대 방식으로 작동하..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bfK47K/btq7fbouLge/Q8cOyxf7kwevQ9fimReKs1/img.png)
1. Bright backgrounds and whitespace // 밝은 배경과 여백이나 공백 // 배경은 대부분 밝거나 흰색으로, 여백을 신중하게 사용하여 인터페이스를 깨끗하게 보이는데 목적 2. Subtle roundness on UI elements // UI 요소의 테두리 원형 // 적당하고 미묘한 둥근 테두리의 시대가 왔다. 3. Big, readable headings // 크고 읽기 쉬운 제목 // 볼드한 느낌의 제목 요소, sans-serif 또는 serif 중에서 선택할 수 있지만, 개인적으로 Gilroy, Sofia Pro, Lufga 또는 Circular와 같은 인기 있는 기하학적 산세 리프를 고수하는 것이 좋다. 4. Real-life photography // 실제 상태의 사진..
- Total
- Today
- Yesterday
- uxdesign
- 포토샵합성
- 웹표준
- UI디자인
- JavaScriptTips
- margin
- 크로스브라우징
- boxmodel
- 피그마플러그인
- JavaScript
- css그리드
- 시멘틱마크업
- 슬라이드플러그인
- padding
- slickAPI
- CSS3
- Slick
- 코딩교육
- 프로그래밍기초
- 웹접근성
- 자바스크립트숫자카운트
- css
- 디자인팁
- Border
- css4
- 웹디자인
- uidesign
- uiux
- 반응형웹
- 스마트폰해상도
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |