웹 사이트를 새롭게하는 디자인 팁
때때로 웹 사이트는 새로 고침이 필요합니다. 디자인 트렌드 또는 두 가지를 통합하면 디자인이 더 깨끗하고 현대적이며 참여를 유도 할 수 있습니다.
다행히도 위블리에서는 트렌드에 머무르는 것이 매우 쉽습니다. 편집기에서 영상을 조정에 전문적인 모습에 대한 날카로운 템플릿에서,당신은 현대적인 웹 사이트 디자인에 필요한 모든 것을 한 곳에서 찾을 수 있습니다.
하지만 어디서부터 시작합니까? 여기 너의 웹사이트를 신선하게 본 지킬 것이다 5 개의 아이디어는 있는다.
밝은 색상과 그라디언트
대담하고 밝은 색상은 2019 년 가장 인기 있고 가장 행복한 웹 디자인 트렌드 중 하나입니다.
채도가 많은 노란색,녹색,분홍색 및 파란색을 사용하는 것을 두려워 할 필요가 없습니다. 밝은 색상 배경을 악센트 또는 사용자 인터페이스 요소로 간주하여 고객을 끌어 들여 감정적 인 연결을 설정하십시오.
밝은 단일 색상 외에도 그라디언트는 최대 효과를 위해 밝은 색상을 사용하는 또 다른 방법입니다. 이미지의 색상 그라디언트 오버레이는 텍스트 또는 다른 작업 호출을 추가 할 수있는 올바른 캔버스를 제공 할 수 있습니다.
상단 팁:당신은 바로 편집기에서 어떤 위 블리 웹 사이트와 함께 할 수 있습니다. 밝은 배경 색상을 선택하거나 사진에 팝을 추가하는 많은 다른 이미지 필터 옵션 중 하나를 사용하여 색상 선택기를 사용합니다. 이 도구는 대시 보드에서 사용할 수 있습니다;그냥 편집기를 열고 이미지 나 배경을 편집 할 수 있습니다.
이 테마를 사용해보십시오: 장소
고정 또는 모바일 탐색 요소
사용자가 스크롤할 때 화면 상단이나 측면에 고정된 게재위치가 있는 탐색 요소에 항상 액세스할 수 있도록 합니다. 탐색 항상 사용할 수 있는 데 쉽게 디자인 주위를 이동 하 고 그들은 분실 하는 경우 요소를 찾을 웹사이트 방문자에 대 한.
고정 탐색의 가장 보편적 인 용도 중 하나는 모든 장치 유형에 대해”모바일”스타일을 사용하는 것입니다. 이것은 종종 로고 또는 브랜딩 및 전체 탐색에 확장 하는 간단한 아이콘을 포함 하는 화면 상단에 간단 하 고 얇은 탐색 요소입니다.
이 스타일의 요소는 주 메시징을위한 더 큰 캔버스 영역을 제공 할 수 있으며 깨끗하고 간소화 된 모양을 갖습니다. 탐색이 항상 열려있는 것은 아니지만 대부분의 모바일 웹 사이트의 표준이기 때문에 대부분의 웹 사이트 방문자 또는 온라인 쇼핑객은이 탐색 패턴에 익숙합니다.
상단 팁:위 블리 테마를 선택하면이 과정을 쉽게 만들 때 고정 된 탐색 요소를 찾습니다.
종이
모션 및 애니메이션
비디오 및 애니메이션 효과는 웹 사이트 디자인에 추가 할 수있는 가장 매력적인 요소 중 일부입니다. 사용자는 움직이는 물체에 매료되어 종종 멈추고 화면에 움직임이있을 때 어떤 일이 일어나는지 볼 수 있습니다.
시작하기 가장 좋은 장소 중 하나는 웹 사이트에 비디오를 추가하는 것입니다. 전체 화면 영웅 이미지이든 제품이나 정보를 보여주는 특정 페이지의 비디오이든 비디오를 추가하는 것은 간단합니다. 당신은 유튜브 나 비 메오 같은 인기있는 플랫폼에서 직접 비디오 또는 임베드 요소를 업로드 할 수 있습니다.
팁:작은 요소에도 애니메이션을 적용 할 수 있다는 것을 알고 계셨습니까? 텍스트 애니메이션은 특정 단어 또는 회사 이름에 중점을 추가 할 수 있습니다. 몇 번의 클릭만으로 웹 사이트 디자인에 모션을 추가 할 앱 센터에서 무료 텍스트 애니메이션 응용 프로그램을 사용해보십시오.
이 테마를 사용해보십시오: 당신은 화면에 모든 것을 얻을 필요성을 느낄 수 있지만,흰색(또는 밝은 색)공간을 많이 귀하의 웹 사이트 디자인을 개방하는 것은 실제로 더 사용자 친화적 일 수있다.
깨끗하고 조직화 된 디자인은 거의 항상 사용자가 쉽게 이해할 수 있습니다. 열린 스타일의 템플릿을 사용하여 전체 계획에 공간을 통합합니다. (이것은 당신이 요소로 디자인을 채우기 시작할 필요성을 느끼더라도 당신을 도울 수 있습니다.)
상단 팁: 공간 및 사진 및 텍스트와 같은 요소의 균형을 조정하여 사용자가 한 가지에서 다음 항목으로 이동하는 데 도움이되는 뚜렷한 시각적 패턴을 만듭니다. 두루마리 밑에 성분을 두게 두려워하지 말라-백색 공간을 가진 디자인에서 필요할 것이다.
이 테마를 사용해보십시오:깨끗한 라인
모듈 형 레이아웃
모듈 형 레이아웃은 이동 믹스 앤 매치 할 수있는 작은 블록의 시스템을 만듭니다. (빌딩 블록 또는 벽돌 처럼 생각 합니다.
모듈식 레이아웃은 종종 더 많은 재설계가 필요하지만 다양한 콘텐츠 형식을 통해 뛰어난 유연성을 제공할 수 있습니다. 그리고 위 블리 테마,모듈 스타일을 특징으로,그것은 시작하는 것이 어렵지 않다.
팁:모듈식 레이아웃은 전자상거래나 포트폴리오 등 다양한 콘텐츠를 한 번에 볼 수 있는 디자인에 가장 적합합니다. 모듈식 요소를 충분한 공백으로 페어링하여 두 개의 트렌드를 한 번에 페어링하는 깔끔한 디자인!
이 테마를 사용해보십시오: 센토 또는 활발한
결론
이러한 디자인 트렌드의 많은 좋은 점은 그들이 당신의 웹 사이트의 완전한 재 설계를 포함하지 않는다는 것입니다. 당신은 색상을 변경하거나 완전한 정밀 검사없이 비디오를 추가 할 수 있습니다.
때때로 간단한 변화는 온라인 존재를 새로 고침 단지 일이 될 수 있습니다. (편집기 변경을 할 수있는 쉬운 방법을 제공하는 동안 그리고 고맙게도,위 블리 템플릿,완벽한 출발점을 제공합니다.)