20 заповедей хорошего тона в web-дизайне

Книги и материалы

Для того, чтобы рисовать удачные шаблоны для сайтов, веб-дизайнерам нужно придерживаться нескольких определенных правил, так сказать правил хорошего тона, следуя которым можно сильно упростить верстку и приспособить под конкретную систему управления контентом. Их должен знать каждый начинающий веб-дизайнер. Ниже описано 20 требований, относящихся как непосредственно к верстке, так и к оформлению и графике в Фотошопе. Вы всегда должны помнить, что кроме вас макет будет смотреть верстальщик. Ну и как же избежать при этом курьезов?

1. Удалите лишние слои, папки и файлы. Они не только ухудшают работу, но и могут попросту вас запутать.

Правила хорошего тона в Фотошопе_1 Правила хорошего тона в Фотошопе_2

2. Все первоначальные изображения следует хранить в отдельной папке.

Правила хорошего тона в Фотошопе_3 Правила хорошего тона в Фотошопе_4

 

3. Создайте специальную папку для шрифтов, возможно, их просто не окажется у верстальщика.

4. К названию файла приставьте цифру, чтобы знать, какой файл актуален. Если версий несколько, то пусть к первой будет приставка 1, ко второй — 2, к третьей -3, и так далее.

Правила хорошего тона в Фотошопе_5 Правила хорошего тона в Фотошопе_6

 

5. Называйте файлы и папки всегда только по-английски или латиницей. Зачастую на MacOS слетает название файлов.

Правила хорошего тона в Фотошопе_7 Правила хорошего тона в Фотошопе_8

 

6. Не используйте rar, только zip, так как linux и MacOS не поддерживает rar.

Правила хорошего тона в Фотошопе_9 Правила хорошего тона в Фотошопе_10

 

7. Также не следует склеивать слои. Склейка мешает изменению макета. Делайте склейку слоев перед отправкой верстальщику.

Правила хорошего тона в Фотошопе_11 Правила хорошего тона в Фотошопе_12

 

8. Группируйте слои по папкам, всегда осмысленно их называйте и при передаче макета на верстку сворачивайте.

Правила хорошего тона в Фотошопе_13 Правила хорошего тона в Фотошопе_14

 

9. Не забывайте раскрашивать папки в разные цвета, упростите себе жизнь.

Правила хорошего тона в Фотошопе_15 Правила хорошего тона в Фотошопе_16

 

10. Сквозные элементы следует выносить в отдельную папку. А не копировать по разным папкам.

Правила хорошего тона в Фотошопе_17 Правила хорошего тона в Фотошопе_18

 

11. Также не стоит забывать давать имена слоям. При большом количестве слоев можно легко запутаться.

Правила хорошего тона в Фотошопе_19 Правила хорошего тона в Фотошопе_20

 

12. Не забывайте удалять ненужные слои. Уделив немного времени чистке, вы избежите неожиданных результатов верстки.

Правила хорошего тона в Фотошопе_21 Правила хорошего тона в Фотошопе_22

 

13. Оформляй рабочую область в пределах 1000 пикселей. Не нужно рисовать макет на 1280 пикселей или больше. Помните о разных экранных разрешениях – это правило действует не только для фиксированного, но и для резиновой верстки. Иначе велика вероятность, что придется все переделывать.

Правила хорошего тона в Фотошопе_23 Правила хорошего тона в Фотошопе_24

 

14. Используйте сетку. Оформленный по сетке контент нужен для грамотного и гармоничного расположения элементов на странице, помогают точно расположить изображения или элементы и легче верстается.

Правила хорошего тона в Фотошопе_25 Правила хорошего тона в Фотошопе_26

 

15. Следует запомнить, что высоту шрифта нужно задавать целыми числами.

Правила хорошего тона в Фотошопе_27 Правила хорошего тона в Фотошопе_28

 

16. Чтобы не возникло распри с верстальщиком, комментируйте свою работу, расскажите, как должны открываться окна, какие ссылки должны работать при наведении, нужно полностью объяснить процесс.

Правила хорошего тона в Фотошопе_29 Правила хорошего тона в Фотошопе_30

 

17. Перед отправкой изображения проверьте орфографию. Сделав это заранее, вы сбережете свои нервы и нервы верстальщика.

Правила хорошего тона в Фотошопе_31 Правила хорошего тона в Фотошопе_32

 

18. Файлы нужно сохранять через «Save for Web & Devices…»

Правила хорошего тона в Фотошопе_33 Правила хорошего тона в Фотошопе_34

 

19. Изображения сохраняйте только в качестве – от 51 до 80. Ниже 51 качество не должно упасть. И не оставляйте высокое качество там, где его позволительно уменьшить

Правила хорошего тона в Фотошопе_35 Правила хорошего тона в Фотошопе_36

 

20. Следует также выбирать определенные форматы. Для фото и сложного изображения, то сохраните его в jpg, а прозрачность – png, если изображение не отличается качеством, то можно использовать gif.

Правила хорошего тона в Фотошопе_37 Правила хорошего тона в Фотошопе_38

 

Оставить комментарий через:
Предупреждение об авторском праве: Отдельные пользователи могут иметь доступ и загрузить материалы, которые составляют содержание этого сайта. Такое воспроизведение разрешено исключительно на временной основе для доступа к информации, составляющей содержание этого веб-сайта. Информация и материалы на данном сайте защищены авторским правом и не могут быть копированы, использованы или воспроизведены какой-либо третьей стороной без нашего письменного разрешения. Вы можете быть привлечены к ответственности за нарушение авторских и иных интеллектуальных прав. На сайте может содержаться информация предназначеная для людей страше 18 лет