๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ’š UIUX ์›นํผ๋ธ”๋ฆฌ์…” ๊ณผ์ •(6๊ฐœ์›”)

2021-06-17 (66์ผ์ฐจ) ๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ (๋‹ค์Œ ์ฃผ ์‹œํ—˜ ๋Œ€๋น„)

by widely design 2021. 6. 17.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 64๊ฐ•~66๊ฐ•

 

  < ์ผ์ • ๋„ˆ๋น„ ์ดํ•˜๊ฐ€ ๋˜๋ฉด ํƒ‘๋ฐ” ๋ณ€๊ฒฝํ•˜๊ธฐ >  

< ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ• >

< ํ…Œ์ผ์œˆ๋“œ ๋ฐฉ๋ฒ• >

  top-bar ํ‰์†Œ >>> display : none  →  md๊ฐ€ ๋˜๋ฉด  →  display : block

  mobile-top-bar ํ‰์†Œ >>> display : block  →  md๊ฐ€ ๋˜๋ฉด  →  display : none

 

  โ€ป md : 992px์ดํ•˜๊ฐ€ ๋˜๋ฉด~

 

 


  < ๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ ๋ชฉํ‘œ >  

 


  < ๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ• >  

 


- ๊ทธ๋ผ๋””์–ธํŠธ๋ฐฐ๊ฒฝ ์ฃผ๋Š” ๋ฐฉ๋ฒ• (gradient background)

 

๋Œ“๊ธ€