Website

1. What Was IT

   https://wwit.design/

Study

1. 디자인을 즉시 개선하는 데 도움이 되는 34가지 팁 2

   https://blog.naver.com/cick3105/222221547229

2. RightBrain lab - 라이트브레인 블로그

   https://blog.rightbrain.co.kr/?p=13012

3. 인스타그램,에어비앤비,트위터는 왜 비슷해보일까?

   https://mailchi.mp/91e0b65ad426/reasing

4. 7. 심미적 사용성 효과

   https://ekimnida.tistory.com/m/36

5. UX/UI의 10가지 심리학 법칙

   https://brunch.co.kr/@20373cd4029441d/2

6. 컨테이너 (버튼 디자인 - UI component)

   https://brunch.co.kr/@hyoi0303/11

7. 혹시 그 부분 모달로 처리해주실 수 있나요?

   https://brunch.co.kr/@dabin8002/10

8. 제이콥의 법칙

   https://brunch.co.kr/@dhlee702/16

9. 구텐베르크 다이어그램(Gutenberg Diagram)

   https://blog.naver.com/sisilians/20097540659

Information

1. 알고 있지만, 기초가 되는 좋은 UI를 만드는 5가지

   https://brunch.co.kr/@c62b100079f3466/8

2. 버튼 위치는 어떻게 결정하세요?

   https://brunch.co.kr/@shaun/114

3. CSS 반응형 레이아웃 너비를 나누는 기준 정하기

   https://blogpack.tistory.com/823

4. Bootstrap - Breakpoints - 중단 점은 반응 형 레이아웃이 부트 스트랩의 장치 또는 뷰포트 크기에서 어떻게 작동 하는지를 결정하는 사용자 지정 가능한 너비입니다. 핵심 개념 - 한국어

   https://runebook.dev/ko/docs/bootstrap/layout/breakpoints/index

5. 반응형 그리드 시스템

   http://styleguide.co.kr/content/resolution-grid/responsive-gridsystem.php

6. 콘텐츠 위치가 선택에 미치는 영향

   https://brunch.co.kr/@lynkim/37

7. Statcounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share

   https://gs.statcounter.com/

Trend

1. 2022년에 주목해야 할 웹디자인 트렌드 10선

   https://ko.wix.com/blog/post/new-web-design-trends#viewer-7rush

2. 2022년 웹 디자인 트렌드, 흥미로운 변화 5가지

   https://www.designlog.org/2512916

3. 2021 APP Trend 12

   https://dighty.com/files/trend-report/2021/Dighty_2021_APPTrends12_fin.pdf

Free source

1. Free Design Resources

   https://freedesignresources.net/

2. Free Android Smartphone Mockup (PSD)

   https://unblast.com/free-android-smartphone-mockup-psd-2/

3. Mockups & Font Freebies — Harmonais Visual

   https://harmonaisvisual.com/freebies

4. Mockups Archive

   https://www.mockupworld.co/all-mockups/page/9/

5. Graphic Pear

   https://www.graphicpear.com/

6. Unblast

   https://unblast.com/

7. Graphic Pear

   https://www.graphicpear.com/

8. Mockup World | The best free Mockups from the Web

   https://www.mockupworld.co/

9. Free Premium Mockups - Instant Download - Mockups-Design.com

   https://mockups-design.com/

10. Attention Required! | Cloudflare

    https://www.uistore.design/items/free-iphone-13-mockup/

Image

1. Freepik | Graphic Resources for everyone

   https://www.freepik.com/

2. Attention Required! | Cloudflare

   https://www.foodiesfeed.com/

3. PNGWing - Exclusive png design images

   https://www.pngwing.com/

Icon

1. z5 webtong icon

   http://temp20.zsol.co.kr/icon.html

2. アイコン素材ダウンロードサイト「icooon-mono」

   https://icooon-mono.com/?lang=en

3. Human Pictogram 2.0 | 피큐레잇

   https://www.pikurate.com/pik/디자인-업무를-위한-리소스-정보-모음?category=아이콘사이트&linkId=81472

Portfolio

1. 무료 홈페이지 | 홈페이지 제작 | Wix.com

   https://ko.wix.com

2. STUDIO | Web Design Platform for All Creatives.

   https://studio.design/

3. UI/UX 디자이너 포트폴리오, 어떻게 시작하지?

   https://brunch.co.kr/@vivishin/28

Insight

Branding

Utility

1. CSS Color Codes

   https://www.quackit.com/css/css_color_codes.cfm

2. 디자인 플랫폼 미리캔버스

   https://www.miricanvas.com/

3. Attention Required! | Cloudflare

   https://compressor.io/

4. 디자인 작업 효율을 높여주는 크롬 확장프로그램 5

   http://icunow.co.kr/chrome-extension5/

Tool

1. #1 figJam 기초 ㅣ 피그마로 협업하기 Part 1 #figma #피그잼

   https://www.youtube.com/watch?v=GE4o7VqIAXk&feature=youtu.be

Typography

Font

Graphic

Color

Product

Design System

1. 반응형 웹을 위한 Layout Grid 기능 l 피그마 기초 강좌

   https://www.youtube.com/watch?v=RqDdSn9yuWI&feature=youtu.be

2. Uber design System Guide

   https://brand.uber.com/kr/ko/

3. SAP Fiori Design Guidelines

   https://experience.sap.com/fiori-design-web/

4. Material Design

   https://material.io/components?platform=android

UX

1. ReallyGoodUX

   https://www.reallygoodux.io/

2. 뒤로가기 버튼을 활용하는 어플 유형

   http://icunow.co.kr/mobileapps77/