현재 웹사이트 디자인의 트렌드는 최근에 많이 보아온 것처럼 작은 변화가 아니라 전체 웹사이트 미학의 일부인 요소를 통해 미래를 살짝 엿볼 수 있는 기회를 제공하고 있습니다. 단색 색상 팔레트부터 잡지 스타일 레이아웃, 탐색 디자인 방식의 변화까지 이번 달에는 소화해야 할 내용이 많습니다. 이번 달 디자인 트렌드는 다음과 같습니다. 1 . 단색 색상 구성표 단색 디자인 패턴은 아름답고 매력적일 수 있습니다. 동일한 베이스 컬러의 틴트와 톤으로 모노크롬 컬러배색으로 우아함을 더해줍니다. 이러한 방식으로 색상 작업을 해본 디자이너는 최종 결과가 단순해 보일 수 있지만 이를 만들기 위한 계획은 결코 단순하지 않을 수 있다는 것을 알고 있습니다! 특히 웹사이트 디자인의 경우 대비와 접근성을 고려해야 할 때 모노크롬 디자인은 많은 계획이 필요합니다. 배경색과 전경색 또는 패턴을 사용하여 몇 가지 다른 방법으로 이를 수행할 수 있습니다. 이미지 포함. 텍스트 색상. 많은 가능성이 있습니다. 이를 작동시키는 비결은 올바른 느낌을 설정하면서도 가독성을 유지하는 방식으로 단색성을 사용하는 것입니다. 이는 종종 단색 테마와 함께 어둡거나 밝은 텍스트 요소를 사용한다는 의미입니다. Belka Games는 매우 밝은 배경 색상과 텍스트 요소에 대한 대담하고 밝은 버전(검은색 액센트 포함)의 산호 테마를 사용합니다. 색상 선택과 글꼴 선택 덕분에 읽기 쉽고 재미있는 느낌을 줍니다. 벨카 게임 녹색 색상의 치명적인 비밀은 여러 레이어가 있는 녹색 패턴 배경과 몇 가지 음영을 더 사용하는 애니메이션을 사용합니다. 텍스트는 히어로 영역에서도 동일한 단색 느낌으로 채색됩니다(나머지 디자인 대부분에서는 흰색으로 바뀌지만). 디자인도 재미있고 컬러감도 전체적으로 돋보이네요. 치명적인 비밀 TwinBru는 비슷한 색상의 멋진 애니메이션과 함께 예상치 못한 베이지색-보라색 단색 색상 구성을 사용합니다. 기능성 원단에 관한 사이트는 색상과 애니메이션 덕분에 그들이 말하는 내용을 거의 느낄 수 있도록 디자인되었습니다. 트윈브루 2 . 잡지 스타일 레이아웃 잡지 스타일의 웹 사이트 레이아웃에는 복고풍과 현대적인 느낌이 모두 느껴집니다. 인쇄에서 웹으로의 이월로서 이러한 디자인은 종종 큰 이미지, 충분한 공간 및 대형 헤드라인을 포함합니다. 일부 애니메이션을 찾을 수도 있지만 디자인은 다소 평면적인 경우가 많으므로 복고풍 느낌이 나며 거의 모든 디자인 요소가 겹쳐지거나 겹치는 부분 없이 자체 컨테이너에 들어 있습니다. 잡지 스타일 레이아웃의 가장 큰 장점은 디자인이 읽고 따라하기 쉽다는 것입니다. 만들기가 매우 단순해 보일 수도 있지만, 모든 작품에 딱 맞는 조화를 이루려면 많은 계획이 필요합니다. Anotherkind는 메인 사이트 제목과 페이지 헤드라인에 사용된 타이포그래피로 복고풍 느낌을 연출합니다. 오렌지 컬러의 세리프는 대담하면서도 시선을 화면 아래로 이끈다. 주요 복사 블록 앞의 충분한 공간은 인쇄에 대한 경의이기도 합니다. 또 다른 종류 싱크로도그(Synchrodogs)는 훨씬 더 인쇄된 느낌을 지닌 유사한 미학을 사용합니다. 상단의 색상 상자에 표시된 탐색 기능을 보셨나요? (메인 헤드라인의 크기에 비해 놓치셨을 수도 있을 정도로 작은 디테일입니다. 싱크로독 Brooklyn Editions는 시각적으로 완전히 다른 방향으로 진행되지만 여전히 잡지 스타일의 디자인을 가지고 있습니다. 콘텐츠 요소 사이를 넘기는 페이지를 거의 느낄 수 있으므로 스크롤에서 확대됩니다. 더욱 화려한 요소들과 대비되는 삭막한 커버도​“ 내부”이지만 전체적인 느낌은 잃지 않습니다. 브루클린 에디션 3 . 상자의 탐색 요소 탐색 요소를 눈에 띄고 찾기 쉽게 만드는 것은 거의 항상 웹 디자이너의 책임입니다. (거의 흔한 일이지만​“ 로고를 더 크게 만들어보세요!”) 탐색에 항상 명확한 공간이 있고 다른 요소가 혼합되어 길을 잃지 않도록 하는 한 가지 방법은 상자에 넣는 것입니다. 메뉴 항목을 컨테이너화하면 항상 의도한 대로 표시되며, 백그라운드에서 많은 일이 발생하더라도 가독성이 저하될 염려가 없습니다. 박스형 내비게이션은 고정되거나 고정될 수 있으며 필요한 경우 컨테이너가 축소될 수도 있습니다. 이는 사용자의 가독성과 상호 작용 용이성으로 인해 빠른 인기를 얻고 있는 솔루션입니다. 하지만 박스형 탐색의 모양은 다양할 수 있습니다. 이것이 바로 창의성이 발휘되는 부분입니다. 여기에 대해 생각하는 세 가지 방법이 있습니다. Brand New School은 화면 상단에 박스형 탐색 기능을 사용하는 상당히 전통적인 접근 방식을 취합니다. 전체 너비 메뉴는 흰색 상자에 있으며 로고, 탐색 항목 및 쇼핑 링크를 포함합니다. 이스터 에그는 밝은 모드/어두운 모드 토글에 있으며 탐색을 포함한 전체 디자인 색상 구성표를 바꿉니다. 브랜드 뉴 스쿨 Gotham NYC는 두 개의 상자형 탐색 레이어를 사용하여 약간 다른 접근 방식을 취합니다. 하나는 메뉴 항목이 있고 다른 하나는 주소 및 시간을 위한 더 작은 요소입니다. 상자는 모서리가 구부러져 있고 불투명한 색상으로 되어 있어 이상적인 가독성을 제공하므로 상자가 눈에 띄지 않습니다. 고담 뉴욕 DPTO는 상자 개념에 모든 것을 집중하고 밝은 노란색 컨테이너의 화면 하단에 탐색 기능을 고정할 만큼 충분히 이를 믿습니다. 디자인의 색상 구성으로 인해 탐색을 놓칠 가능성이 거의 없지만 비전통적인 배치는 위험할 수 있습니다. 상자는 확실히 여기에 모든 것을 하나로 모으는 데 도움이 됩니다. 데파르타멘토 결론 이번 달 디자인 트렌드의 대부분은 그다지 급진적이지는 않지만 배포할 전체 사이트 디자인에 대한 생각을 포함합니다. 이는 기존 디자인에 쉽게 뿌릴 수 있는 것이 아닙니다. 하지만 새로운 프로젝트를 시작할 때 좋은 아이디어입니다. 재미있게 보내세요!