5 професійних порад з веб-дизайну

8
За матеріалами блогу ru.wix.com

Upload: tali78

Post on 20-Jul-2015

668 views

Category:

Education


4 download

TRANSCRIPT

Page 1: 5 професійних порад з веб-дизайну

За матеріалами блогу

ru.wix.com

Page 2: 5 професійних порад з веб-дизайну

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

Page 3: 5 професійних порад з веб-дизайну

• Робіть записи у голові або на папері про те, що ви хотіли б використовувати на вашому сайті. Може, вам подобається дизайн сторінки «Новини» у когось на сайті? Це може бути щось не таке значне, як наприклад, іконка стрілки, яка вказує на важливу інформацію. Подумайте, як ви зможете використати це у вашому дизайні.

Page 4: 5 професійних порад з веб-дизайну

• Візуальна ієрархія - шлях, який допоможе вам привернути увагу до важливого контенту на сайті. Згідно з візуальною ієрархію, наш погляд рухається зверху вниз й зліва направо.

• Розподіляйте контент на сторінці правильно:

Page 5: 5 професійних порад з веб-дизайну
Page 6: 5 професійних порад з веб-дизайну

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

• Існує декілька простих правил, які допоможуть вам у написанні легких для сприйняття текстів:

Page 7: 5 професійних порад з веб-дизайну

• Використовуйте поєднувані кольори. Наприклад, використовувати шрифт кремового кольору на білому фоні не варто, інакше читання може викликати головний біль, а то і зовсім відіб'є бажання читати. При застосуванні нової колірної схеми двічі перевірте, наскільки легко читається ваш текст.

• Не використовуйте занадто дрібний шрифт.Користувачі не повинні напружувати свій зір, щоб прочитати ваш текст (оптимальний вибір: не менше 10px, не більше 14-16px).

• Дотримуйтесь обраних шрифтів. Виробіть певний стиль, в якому б використовувалися максимум 3, а краще навіть 2 шрифти. Якщо хочете домогтися досконалості, використовуйте шрифти, які легко читаються, щоб ваші тексти не виглядали, як китайська грамота.

Page 8: 5 професійних порад з веб-дизайну

• Ці прості, але в той же час важливі елементи задають тон всьому сайту. Враховуючи це, вам варто як слід подумати над їх вибором.

Можна: використовуйте колірну схему і фон, які добре працюють разом, відповідають структурі та ієрархії контенту на сайті.

Не можна: уникайте використання занадто великої кількості різних кольорів і не використовуйте фон, який перетягував би на себе увагу з основних ілюстрацій і тексту.