미니멀리스트 웹 사이트 디자인 : 12 가지 아름다운 예

미니멀리스트 웹 사이트 디자인은 저평가 된 예술입니다. 우리는 모두 '적은 것이 더 많다'는 말을 들어 봤지만 말처럼 말이 쉬운 경우가 많습니다. 기술의 발전으로 사이트 디자인에 새로운 가능성이 열리면서 화려한 번영을 더하는 것에 저항하기가 점점 더 어려워집니다.

미니멀리스트 웹 사이트 디자인은 사용자에게 더 빠른 로딩 시간과 화면 크기 간의 더 나은 호환성을 제공합니다. 또한, 간단합니다 UI 디자인 모바일 브라우징에 맞춰 데스크톱이나 사용자 경험 .



미니멀리즘 철학은 콘텐츠를 중심으로 디자인해야한다는 아이디어에 중점을 둡니다. 웹 측면에서 디자이너는 대략적인 콘텐츠로 시작한 다음 사용자가 목표를 식별하고 쉽게 탐색 할 수있는 충분한 인터페이스를 구축합니다.



나만의 미니멀 한 사이트를 만들고 싶습니까? 완벽한 선택 웹 사이트 빌더 , 그리고 당신의 웹 호스팅 서비스는 번거로운 사이트에 적합합니다.

미니멀 한 미학은 그 철학의 시각적 표현입니다. 미니멀리스트 씨어 디자인은 많은 흰색 또는 최소한 균일 한 색상의 공간을 사용합니다. 그러나 지루함과 지루함을 혼동하지 마십시오. 레이아웃을 신중하게 선택해야합니다. 그렇지 않으면 제한된 디자인 요소 팔레트가 우아하지 않고 흐릿하게 보입니다.



아래에서 우리가 가장 좋아하는 미니멀리스트 사이트 디자인을 모아서 적은 일로 더 많은 일을하도록 영감을 얻었습니다.

01. 헬로베이스

이 사이트는 몇 가지 특대 요소만으로 성명을 발표합니다.

이 사이트는 몇 가지 특대 요소만으로 성명을 발표합니다.(이미지 출처 : HalloBasis)

친구, 디자이너 및 비즈니스 파트너 인 Felix Vorbeck과 Johannes Winkler도이 이름을 사용합니다. HelloBasis . 뒤셀도르프 디자인 스튜디오는 고객을 대신하여 잘 소통하는 프로젝트를 제공하는 데 자부심을 가지고 있습니다. 이 WordPress 웹 사이트 스튜디오의 온라인 포트폴리오 사이트 역할을하며 다르게 만든 미니멀리스트 웹 사이트 디자인의 빛나는 예입니다.



이 사이트는 특 대형 미학 덕분에 몇 가지 요소만으로 대담한 표현을 할 수 있습니다.이 사이트는 접근성을 지원하는 추가 보너스가 있습니다. 실제로 선택한 브라우저의 확대 / 축소 기능이 최대 값이라고 생각하면 용서받을 수 있습니다. 770px 최소 너비 헤드 라인에 대한 17.5vw 글꼴 크기 조정과 같습니다. 따라서 인쇄 상으로는 Messina Sans 글꼴이 그 덩어리에 적합하고 가독성을 보장하기 때문에 크기가 큽니다. 정말 새로 워진 점은 이것이 탐색 링크와 쿠키 허용을위한 맞춤 GDPR 프롬프트 모두에 적용된다는 것입니다. 또한 기본 화면의 버튼을 사용하여 독일어와 영어 번역간에 전환 할 수 있습니다.

02. 재즈 FM

Anagrama의이 디자인은 단순하고 눈에 띄는 것을 유지합니다.

macbook pro 13 하드 케이스 디자인
Anagrama의이 디자인은 단순하고 눈에 띄는 것을 유지합니다.(이미지 출처 : Jazz FM Romania)

부쿠레슈티에 기반을 둔 라디오 방송국을위한이 다채로운 사이트는 음악이 그 자체로 말하도록하는 데 큰 역할을합니다. 첫눈에 Jazz FM 루마니아 으로 철자 바꾸기 , 뷰포트의 절반을 채우는 삼각형 재생 버튼을 통해 방문자를 라이브 방송을 스트리밍하도록 초대합니다. 로고와 Now Playing 트랙 디스플레이도 표시되지만 검정색과 노란색 구성표 덕분에 최소한의 눈에 띕니다. 그러나 이것은 단지 헤더 일 뿐이며 단일의 긴 페이지 구조는 훨씬 더 활기차게 계속됩니다. 항상 미니리스트 사이트 디자인을 염두에두고 있습니다.

가장 주목할만한 것은 화면 크기에 관계없이 놀라운 선명도로 확장되는 멋진 '재즈'SVG 일러스트레이션이 많다는 것입니다. 텍스트의 절약 덕분에 타이포그래피가 다시 커졌습니다. 주로 Jazz FM을 즐길 수있는 곳을 자세히 설명하는 제목 레이블로 사용됩니다. 흥미로운 다른 기능으로는 깨끗하고 명확한 7 일 일정, 스크롤링 FM 튜너 tickertape 및 재즈 페스티벌 가이드가 있습니다.

03. Uber 수화

우버 수화 웹 사이트

이 사이트는 메시지를 망치지 않고 문제에 대한 해결책을 제공합니다.

접근성에 대한 정신에 따라 Uber는 고객이 청각 장애가있는 운전자와 상호 작용할 수 있도록 고객에게 기본 수화를 가르치는 전용 웹 사이트를 만들었습니다. Uber 수화 구속이있는 디자인의 마스터 클래스입니다. 간단한 짧은 동영상을 통해 사용자에게 간단한 일반적인 문구 (예, 아니오, 좌회전 등) 또는 이름에 서명하는 방법을 보여줍니다. 사본이나 설명이 거의 없습니다. 콘텐츠는 그 자체로 말하며 중요한 브랜드 메시지를 포착하기 위해 영리한 단어가 필요하지 않다는 것을 증명합니다.

04. 에볼 브

웹 사이트를 evoulve

축소 된 요소와 마법 같은 애니메이션이 발견의 분위기를 조성합니다.

Evoulve 신흥 기술을 실행 가능한 제품으로 전환하는 데 전념하는 회사입니다. 사이트 디자인 – 디자인 에이전시의 작업 Fleava – 매혹적이고 미래 지향적 인 느낌이 있습니다. 화면에는 매우 적은 수의 요소가 있습니다. 간단한 텍스트 주석과 매우 최소한의 탐색 옵션, 천천히 회전하는 지구본과 별이 빛나는 하늘을 배경으로 설정됩니다. 그러나 각각은 미묘한 CSS 애니메이션으로 마법의 감각을 강화하고 발견의 분위기를 조성하여 완벽하게 제작되었습니다.

05. 팅커

Tinker 웹 사이트

이 시계 소매 사이트의 UI는 기본으로 돌아갑니다.

땜장이 은 (는) 심플한 컨셉의 시계 브랜드입니다. 고객은 얼굴 크기, 스트랩 색상 및 금속을 어떤 조합 으로든 선택할 수 있습니다. 불필요한 기능이나 세부 사항이 없습니다. 회사 사이트의 UI는 개념을 명확하게합니다. 사용자는 제한된 옵션 중에서 자신의 이상적인 조합을 쉽게 선택할 수 있습니다.

06. Heyne 읽기

Heyne 읽기

보석상은 웹 사이트에서 시청자의 시선을 유도합니다.

주얼리 옆에 Heyne 읽기 의 단색 로고와 회사 명은 홈페이지에서 유일하게 중요한 시각적 요소입니다. 주변의 여백은 사용자의 시선이 제품에 끌릴 것이라는 확신을줍니다.

07. 우리는 플라스틱이 아닙니다

우리 아인

미키 마우스 귀는 항상 앞을 향합니다.
대비는 여기에 흥미를 유발합니다.

대비는 미니멀 한 디자인을 흥미롭게 유지하는 또 다른 유용한 시각적 전술입니다. 독일 UX 엔지니어 Roland Lösslein의 웹 사이트 우리는 플라스틱이 아닙니다 중앙 이미지와 위의 텍스트 및 아이콘 사이에 뚜렷한 대비를 설정합니다.

08. 새 자전거

새로운 자전거

Nua Bikes는 홈페이지의 요소를 균형있게 조정합니다.

새로운 자전거 '사이트는 실제로 화면에 많은 요소가 있기 때문에 믿을 수 없을 정도로 미니멀합니다. 그러나 텍스트를 압축하고 공백을 최대화함으로써 회사는 자사 제품인 자전거에 관심을 끌 수 있습니다.

09. Sendamessage.to

Sendamessage.to

이 사이트에는 하나의 명확한 목적이 있습니다.

재미있을 수도 있지만, Sendamessage.to 손짓으로 친구에게 보내는 메시지를 사용자 지정할 수 있습니다. 황량한 검정색 배경은 메인 이미지와 텍스트의 굵은 흰색 글자에 힘을 더합니다.

10. 마에 모

매모 웹 사이트

분위기있는 비디오가 장면을 설정합니다.

미슐랭 3 스타를받은 노르웨이 레스토랑 웹 사이트 Maaemo 미니멀리즘을 사용하여 클래스 감각을 만듭니다. 이 사이트는 생성되는 요리의 HD 사진을 보여 주므로 시각적 처리는 스토리 텔링에 적합합니다.

11. Ava

Ava

AI Ava와 대화

공상 과학 스릴러 Ex Machina를위한이 홍보 사이트의 흑백 색 구성표와 타이포그래피의 일치는 영화의 스타 인 AI 로봇과의 대화식 대화 인 텍스트에 초점을 둡니다. Ava .

12. 심볼 셋

심볼 셋

색상이 변하는 배경이이 미니멀 한 사이트에 활기를 불어 넣습니다.(이미지 출처 : symbolset.com)

아이콘 글꼴 공급 업체 심볼 셋 경쟁 요소를 최소화하고 밝은 색상의 끊임없이 변화하는 배경을 추가하여 사이트 중간의 대화 형 영역에 관심을 끌고 있습니다.

그리고 기억하세요 : 팀과 함께 사이트를 만드는 경우 디자인 시스템 파일을 안전하게 유지하고 상단에서 쉽게 액세스 할 수 있도록하여 프로세스가 원활하게 진행되는지 확인하세요. 클라우드 스토리지 .

이러한 예 중 일부는 원래 그물 , 웹 디자이너와 개발자를위한 세계에서 가장 많이 팔리는 잡지입니다. 여기에서 구독 .

더 읽어보기 :