Дизайн сайтів для - чайників

Якщо ви поставили собі за мету створити дизайн для власного сайту самостійно, то вам просто необхідно вивчити дану область вздовж і поперек для того, щоб створити дійсно працює проект. Дизайн сайту - це обличчя вашої компанії. так само як і зустріч з новою людиною він справляє перше враження про вас. І від дизайну буде залежати наскільки воно буде позитивним.

1. Стиль мінімалізму в дизайні.

Дизайн - це творчість, яка не має меж можливостей. «Взявши в руки олівець» ви можете намалювати все, що вам заманеться, але не потрібно переборщувати і наповнювати свій веб-сайт всілякими фішками: спливаючі віконця, банери, анімаційні іконки, опуклі 3D кнопки. Не перевантажуйте простір яскравими деталями. Це псує перше враження і відвідувач йде. Намагайтеся прийти до мінімалізму в дизайні. Чим менше деталей, тим зрозуміліше інформація. Виділяйте тільки головні аспекти вашого бізнесу, наприклад, шрифтом або великими картинками.

Мал. 1. Приклад перевантаженого дизайном сайту.

Ви бачите, наскільки сильно ріже око ця сторінка? Через перенасиченість іконками і кольором, ні за що зачепиться - погляд розсіюється по всій сторінці. Швидше за все на цьому сайті ви довго не протримається, а закриєте його через кілька секунд.

Мал. 2. Приклад правильного дизайну.

Цей веб-сайт виглядає набагато приємніше. Тут немає кричущих тонів або миготливих кнопок. Тут теж використовуються іконки, але вони гармонійно увійшли в дизайн і не захаращують простір. Вся інформація розкладена по блокам і використовується мінімум кольору. Червоний з світло-сірим дуже гармонують.

2. На смак і колір.

Зазвичай при складанні ТЗ у дизайнера виникає перше запитання - який колір буде на сайті? Безумовно, для фону сторінки краще брати білий або світло-сірий кольори, так як використання яскравих або темних відтінків просто ріже око. Що ж стосується основних кольорів макета, то вам потрібно обов'язково вибирати поєднуються кольору. Наприклад, ви створюєте сайт про просування бізнесу в інтернеті, то вам слід дотримуватися спокійних відтінків. Ви можете поєднувати блакитний зі світло-сірим або бордовий з білим і сірим кольорами. Але ні в якому разі не потрібно перевантажувати дизайн різними відтінками. Використовуйте не більше трьох кольорових гам.

Мал. 3. Приклад правильного поєднання кольору.

3. просочені ідеєю.

Якщо ви вперше зіткнулися з таким завданням, як - дизайн сайту, то вам напевно стало цікаво, які сайти у ваших конкурентів по бізнесу. Досліджуючи інтернет простори робіть для себе позначки, які деталі дизайну вам найбільше сподобалися. Так ви зможете зробити приблизний нарис вашого майбутнього сайту. Наприклад, на одному сайті вам сподобалося розташування панелі меню, а на іншому припала до смаку колірна гамма. Не забудьте зазначити, що вам не подобається і чого не слід робити. Шукайте і розвивайте свою уяву. Коли наберетеся ідеями, просто здійсніть їх в життя! Не потрібно копіювати все, що вам сподобалося, беріть за основу чужі ідеї і творіть власний шедевр!

Мал. 4. Придивіться до сайтів конкурентів.

4. Шрифти та тексти.

Текстове наповнення - досить важливий елемент. Бо якщо на сайті не буде хорошого і зрозумілого тексту, то відвідувач просто не затримається на ньому довго і закриє сторінку. Ось ви ж зараз тут? Новомосковскете цю статтю і вам цікаво? Значить, ми все зробили правильно!

Як правильно використовувати шрифти:

Не використовуйте завиті і незвичайні шрифти в тексті - це призведе до незручності, за чим піде закриття сторінки. Підбирайте стандартні шрифти, які звичні людям.

Беріть за основу 1 або 2 шрифту, не більше. Так само грайте з масштабами шрифтів. Щоб привернути увагу до якогось то розділу, який важливий для вас можете зробити шрифт, наприклад, 40 пікселів, а то і більше.

Дрібний шрифт - це ваш ворог. Шрифт менше 12 пікселів погано видно. Чи не змушуємо відвідувачів напружувати зір.

Колір шрифту повинен контрастувати з тлом. Хороший приклад: чорний шрифт на білому тлі. Поганий приклад: жовтий шрифт на білому тлі.

Мал. 5. Шрифти на сайті - це дуже важливо!

5. Ідіть в ногу з часом!

Мал. 6. Адаптивний дизайн - допоможе утримати трафік з мобільних пристроїв.

Мал. 7. Сайт, що не оптимізований під екрани мобільних пристроїв.

Мал. 8. Сайт з адаптивним дизайном.

Прочитавши цю статтю, ви повинні вирішити для себе який сайт ви хочете. Звичайно ж краще йти в ногу з часом, тому що користувачеві постійно хочеться чогось нового. Старі прийоми дизайну набридають і з'являються нові. Але, звичайно ж, не варто покладатися тільки на моду, як і в будь-якому іншому справі, слухайте свою інтуїцію і створюйте дизайн таким яким би ви його хотіли бачити.