profile
Yonghun Park
๐Ÿ‘‹ ๋ฐ˜๊ฐ€์›Œ์š” ์ €๋Š” ๊ฒฝ์˜ํ•™์„ ์ „๊ณตํ–ˆ๊ณ , 2020๋…„๋ถ€ํ„ฐ๋Š” ์ปดํ“จํ„ฐ๊ณตํ•™๋„ ๊ณต๋ถ€ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์–ด์š”. ์ตœ๊ทผ์—๋Š” ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์œ„์ฃผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ์— ๊ด€์‹ฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค~
๊ธ€์‹œ๋ฆฌ์ฆˆ์†Œ๊ฐœ
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (10)alignment(1)grid(1)Color Hunting(1)Image Overlays(1)container(1)section(1)Visual Hierarchy(1)Webflow(1)figma(1)Creating(1)Consistent Spacing(1)Repetition(1)Proximity(1)Overlapping(1)Mood Board(1)Tension(1)Photo Cropping(1)Typeface Categories(1)Remixing(1)copying(1)Hero shot(1)Div Block(1)padding(1)nesting(1)Viewport(1)Contrast(1)Sampling Colors(1)inheritance(1)margin(1)Element Hierarchy(1)Font Weight(1)CSS(1)html(1)white space(1)line height(1)Letter Spacing(1)Brand Colors(1)Shadows(1)๋‹จ์ถ•ํ‚ค(1)Fine-tuning Colors(1)consistency(1)
post-thumbnail

Design #9 BUILDING YOUR FIRST WEB PAGE

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

Div BlockViewportcontainermarginpaddingsection
2021๋…„ 5์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #8 HOW WEB PAGES WORK

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

CSSElement HierarchyWebflowhtmlinheritancenesting
2021๋…„ 5์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #7 PRACTICE DESIGN LIKE AN ARTIST

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

Consistent SpacingHero shotShadows
2021๋…„ 5์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #6 PRACTICE BY MIMICKING PROS

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

CreatingMood BoardRemixingcopying
2021๋…„ 5์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #5 6 DESIGN TRICKS EVERY DESIGNER SHOULD KNOW

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

ContrastOverlappingRepetitionTensionconsistencywhite space
2021๋…„ 5์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #4 HOW TO USE PHOTOS

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

Image OverlaysPhoto Cropping
2021๋…„ 5์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #3 THE ART OF COLOR

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

Brand ColorsColor HuntingFine-tuning ColorsSampling Colors
2021๋…„ 5์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #2 TYPOGRAPHY

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

Font WeightLetter SpacingTypeface Categoriesline height
2021๋…„ 5์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #0 Figma etc..

๊ฐœ์ธ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๋‹จ์ถ•ํ‚ค์™€ ํŒ๋“ค์„ ์ •๋ฆฌํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€์†์ ์œผ๋กœ ์ถ”๊ฐ€๋  ์˜ˆ์ •.

figma๋‹จ์ถ•ํ‚ค
2021๋…„ 5์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Design #1 LAYOUT IS KING

๋ณธ ๋ธ”๋กœ๊ทธ์˜ ํฌ์ŠคํŒ… ๋‚ด์šฉ์€ Udemy Vako Shvili์˜ "Complete Web Design: from Figma to Webflow to Freelancing" ๊ฐ•์˜ ๋‚ด์šฉ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค.

ProximityVisual Hierarchyalignmentgrid
2021๋…„ 5์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€