뒤로

디자인 스타일

출처Design styles (tone presets written by 코드잇소) 40

상품 40개1–40번째 / 40개

  • Y2K (Y2K)

    2000년 전후 감성. 크롬·무지갯빛 광택, 말랑한 거품 모양, 반짝이는 별.

    코드잇소 (직접 정의)

  • 글래스모피즘 (Glassmorphism)

    반투명 유리판 위에 뒤가 흐리게 비친다. 뒤에 화사한 색 덩어리를 두어야 효과가 산다.

    코드잇소 (직접 정의)

  • 깔끔한 SaaS (Clean SaaS)

    요즘 스타트업 표준. 회색 바탕에 브랜드색 하나, 부드러운 그림자와 둥근 카드.

    코드잇소 (직접 정의)

  • 뉴모피즘 (Neumorphism)

    바탕과 같은 색 면에 밝은 그림자와 어두운 그림자를 함께 줘서 볼록·오목하게 보이게 한다. 대비가 낮아 글자는 진하게 둔다.

    코드잇소 (직접 정의)

  • 듀오톤 (Duotone)

    강한 두 색만으로 사진과 그래픽을 칠한다. 포스터처럼 강렬하다.

    코드잇소 (직접 정의)

  • 리퀴드 글래스 (Liquid Glass)

    애플이 2025년에 내놓은 물방울 같은 유리 질감. 아주 둥글고 투명한 조작부가 뒤 화면을 굴절시켜 비춘다.

    코드잇소 (직접 정의)

  • 멤피스 (Memphis)

    1980년대 멤피스 그룹풍. 꼬불꼬불한 선, 땡땡이, 지그재그와 부딪치는 원색.

    코드잇소 (직접 정의)

  • 모노크롬 (Monochrome)

    흑백이나 한 가지 색의 명암만 쓴다. 색 대신 글자와 여백으로 승부한다.

    코드잇소 (직접 정의)

  • 미니멀 (Minimal)

    요소를 줄이고 여백을 넉넉히 둔다. 색은 한두 가지, 글자 위계로 정리한다.

    코드잇소 (직접 정의)

  • 바우하우스 (Bauhaus)

    빨강·노랑·파랑 원색과 원·네모·세모. 기능을 앞세운 독일 바우하우스 학교의 조형이다.

    코드잇소 (직접 정의)

  • 베이퍼웨이브 (Vaporwave)

    분홍·청록 파스텔, 90년대 컴퓨터 그래픽, 글리치. 아련하고 몽환적인 향수.

    코드잇소 (직접 정의)

  • 벤토 그리드 (Bento grid)

    도시락 칸처럼 크기가 다른 둥근 칸에 내용을 나눠 담는다. 기능 소개에 많이 쓴다.

    코드잇소 (직접 정의)

  • 브루탈리즘 (Brutalism)

    다듬지 않은 날것 같은 웹. 기본 글꼴, 드러난 격자, 거친 대비로 일부러 투박하게 만든다.

    코드잇소 (직접 정의)

  • 사이버펑크 (Cyberpunk)

    검은 바탕에 형광 노랑·네온, 글리치와 깎인 모서리, 게임 계기판(HUD) 같은 장식.

    코드잇소 (직접 정의)

  • 스칸디나비아 (Scandinavian)

    밝고 담백한 북유럽풍. 미색 바탕, 차분한 파랑과 나무색, 단순한 산세리프.

    코드잇소 (직접 정의)

  • 스큐어모피즘 (Skeuomorphism)

    가죽·종이·금속 단추처럼 실제 물건을 흉내 낸 질감과 그림자. 옛 아이폰 화면 같다.

    코드잇소 (직접 정의)

  • 신문 (Newspaper)

    누런 신문지에 굵은 명조 제목, 단 사이 괘선, 빽빽하지만 질서 있는 글.

    코드잇소 (직접 정의)

  • 청사진 (Blueprint)

    파란 바탕에 흰 선, 모눈 격자, 치수 표시. 설계도 같은 기술 느낌.

    코드잇소 (직접 정의)

  • 클레이모피즘 (Claymorphism)

    찰흙으로 빚은 듯 통통한 입체. 아주 둥근 모서리, 파스텔색, 안쪽 빛과 바깥 그림자.

    코드잇소 (직접 정의)

  • 파스텔 (Pastel)

    채도 낮은 연한 색과 둥근 모양. 부드럽고 다가가기 쉬운 느낌.

    코드잇소 (직접 정의)

  • 플레이풀 (Playful)

    밝은 색, 둥근 모양, 통통 튀는 움직임과 일러스트. 친구처럼 말을 거는 화면.

    코드잇소 (직접 정의)

필터

태그
태그