![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/b3U5s4/btrWw7acsdI/M9u0mfbtjYiTQlJhy9ko80/img.png)
01) Quick Selection Tool 이용하여 영역 잡기 - 적당히 잡아 준 후 옵션바에서 Select Subject 클릭 02) 레이어복사 ctrl + j 03) 배경레이어에서 복사된 레이어 영역만큼 Expand 30 - Select > Modify > Expand 04) Fill 옵션에서 Content-Aware 선택 후 Ok - Edit > Fill 05) 배경레이어에 Gaussian Blur - Filter > Blur > Gaussian Blur
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/Hsjfc/btrqBHO8voG/fvo4XfYgZg3hkT7l5PdBS1/img.jpg)
폼(form)은 불만사항과 다양한 법적 탄원서를 작성하는 작업을 단순화하기 위해, 오랜 시간 동안 존재해왔다. 정보와 정보 처리의 발달에 따라 데이터를 수집하는 수단도 발전하고 있다. 수년간 사용되었던 인쇄된 폼의 디자인에서 몇 가지 팁을 배울 수 있다. 텍스트 필드의 구조 텍스트 필드를 사용하여 사용자는, UI에 텍스트를 입력할 수 있다. 텍스트 필드 컴포넌트 디자인은, 상호 작용을 위한 명확한 어포던스(행동을 유도한다는 뜻으로 행동 유도성이라고도 한다.)를 제공하여, 레이아웃에서 필드를 발견할 수 있게 하고, 효율적으로 폼을 완성하고, 쉽게 접근하도록 해야 한다. 1. Container — 인터렉션할 수 있는 input영역 2. Input text — 입력가능한 텍스트 필드 3. Label Text ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/1riVb/btq8gmWodzb/fhr1ifoTAzyxxBYlKSS5x0/img.jpg)
이전 글 2021.06.20 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 5 UI & UX Micro-Tips: The Ultimate Collection - 5 이전 글 2021.06.18 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 4 UI & UX Micro-Tips: The Ultimate Collection - 4 이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Colle.. uiweb.tistory.com 51. If you (have to) use multiple typefaces, try to stick to the 2 ma..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/c4ndNo/btq7FGNROQ2/qXGNd5Z2NaAtUmreu5mzr0/img.jpg)
이전 글 2021.06.18 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 4 UI & UX Micro-Tips: The Ultimate Collection - 4 이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 3 UI & UX Micro-Tips: The Ultimate Collection - 3 이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Colle.. uiweb.tistory.com 41. Use established icons in your UIs to avoid confusion for the user..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/XBezE/btq7y4awyB0/dvble2O5iGCTyqSiOpQb1K/img.jpg)
이전 글 2021.06.17 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 3 UI & UX Micro-Tips: The Ultimate Collection - 3 이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 2 UI & UX Micro-Tips: The Ultimate Collection - 2 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 20.. uiweb.tistory.com 31. For Download Indicators, try to be as informative as possible. // Download Indicators ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cRFJC1/btq7wPp62rf/B9ev0LRduivWmkk1kTHhC0/img.jpg)
이전 글 2021.06.16 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 2 UI & UX Micro-Tips: The Ultimate Collection - 2 디자인을 즉시 개선하는 데 도움이 되는 64 개의 강력한 팁 모음 이전글 2021.06.15 - [디자인] - UI & UX Micro-Tips: The Ultimate Collection - 1 UI & UX Micro-Tips: The Ultimate Collection - 1 디자인을.. uiweb.tistory.com 21. Colour-Pick from your images, and bring your products to life. // 이미지 위에 제품을 배치할 땐 컬러 배경을..
- Total
- Today
- Yesterday
- 반응형웹
- 스마트폰해상도
- 코딩교육
- css4
- 피그마플러그인
- 웹접근성
- 프로그래밍기초
- css
- uidesign
- 디자인팁
- 웹표준
- Border
- slickAPI
- uiux
- uxdesign
- margin
- 웹디자인
- CSS3
- 자바스크립트숫자카운트
- 크로스브라우징
- padding
- 슬라이드플러그인
- boxmodel
- 시멘틱마크업
- 포토샵합성
- css그리드
- JavaScript
- UI디자인
- JavaScriptTips
- Slick
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |