In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.
웹사이트의 디자인을 개선하기 위해 할 수 있는 몇 가지 기본적인 팁을 소개합니다.
Add high-quality images
You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.
올바른 색상 선택하기
웹사이트의 색상 구성은 브랜드에 적합한 분위기와 톤을 조성하는 데 중요한 역할을 합니다. 보기 좋은 색상을 고른다고 해서 반드시 올바른 색상인 것은 아닙니다. 각 색상은 서로 다른 메시지와 반응을 전달합니다. 색상은 사이트 방문자가 가장 먼저 인지하는 요소 중 하나이며 실제로 웹사이트의 성공에 영향을 미칠 수 있습니다.
디자인을 위해 기본 색상은 최대 2~3개만 선택하세요. 색상을 더 추가해야 한다고 느낀다면 기본 색상의 틴트(tint)와 셰이드(shade)를 활용할 수 있습니다. 색채 이론에서 틴트는 색상에 흰색을 섞어 밝기를 높이는 것이며, 셰이드는 색상에 검은색을 섞어 밝기를 낮추는 것입니다.
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
대비되는 서체 사용하기
There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.
두 가지 서체를 조합하는 것은 디자이너에게도 어려울 수 있습니다. 하나의 서체 패밀리에서 서로 다른 두 가지 폰트를 활용하여 단순하게 유지할 수도 있습니다. 두 번째 서체가 꼭 필요하다면 첫 번째 서체와 뚜렷한 대비를 이루는 것을 선택하세요. 일반적으로 세리프(명조) 폰트와 산세리프(고딕) 폰트를 결합하면 잘 어울립니다. 또 다른 중요한 팁은 회사의 스타일에 맞는 서체를 선택하는 것입니다. 세상에서 가장 아름다운 폰트를 가지고 있더라도 잘못된 맥락에서 사용된다면 여전히 끔찍해 보일 수 있습니다.
여백을 활용하여 깔끔하게 유지하기
Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.
모바일 친화적으로 만들기
People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.
추가 팁: 웹사이트에서 Page Builder Sandwich를 사용하면 자동으로 모바일 최적화 보기가 활성화되고 모바일 화면 크기에 맞게 조정됩니다.
결론
기억하세요: 디자인의 힘을 과소평가하는 것은 웹사이트를 구축할 때 저지를 수 있는 가장 치명적인 실수 중 하나입니다. 물론 웹사이트를 디자인할 때 과도하게 힘을 쏟을 필요는 없지만, 그동안 이 팁들을 따르는 것만으로도 사이트가 방문자에게 거부감을 주지 않도록 할 수 있습니다.