Дизайн сайта в Фотошопе | Как создать свой сайт

Как создать дизайн сайта в Фотошопе

Май-29-2009 Автор: VeryOldMan

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

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

Какова основная задача дизайна сайта? Правильный дизайн страницы сайта, должен притягивать и как можно дольше удерживать внимание каждого посетителя. Страница сайта, у которой дизайн сделан правильно, у которой эстетичный внешний вид и грамотно подобраны цвета, не только радует глаз, но и содействует укреплению связей с посетителями Вашего ресурса, обеспечивая повторное обращении посетителей к Вашему сайту.

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

  1. Работа с Фотошопом CS5 для начинающих
  2. Как делается настройка Фотошопа Cs5
  3. Создаем файлы для Фотошопа
  4. Как сделать фон в Фотошопе
  5. Инструмент кисть в Фотошоп CS5
  6. Кисти для Фотошопа CS5 своими руками
  7. Работа со слоями в Фотошопе CS5
  8. Стили для Фотошопа
  9. Текст в Фотошопе
  10. Инструменты Фотошопа
  11. Как выделить картинку в Фотошопе
  12. Как изменить картинку в Фотошопе
  13. Структура страницы сайта
  14. Макет страницы сайта
  15. Раскройка страницы сайта
  16. Подбор цвета для web страницы
  17. Более сложное сочетание цветов WEB
  18. Форматы изображений





10 комментариев
  1. Татьяна Пишет,

    Здравствуйте! Вы, наверное, заметили, что я ваша постоянная читательница и подписчица. Много интересного я для себя нашла на Вашем сайте, но вот один вопрос меня интересует, на который я не могу найти ответ. (Я пребываю в категории чайников, поэтому во многих вопросах плаваю…).

    Когда помещаешь интересующую страницу в закладки, ну, в самые обыкновенные, которые в браузере в колонке слева располагаются, то каждый приличный блог или сайт имеет свою «визитку», какое-то изображение. Например, Ваш — мордочку кота. Как это можно сделать, не подскажете?

    Заранее Вам благодарна!

  2. VeryOldMan Пишет,

    Эта картинка называется favicon (favourite icon — любимая картинка). Ее размер, как правило, 16×16 пикселей, формат ico. То есть имя файла-картинки будет: favicon.ico. Сделать можно самому или выбрать на сервисе favicon.fr. Закачайте ее в корень сайта и браузер сам ее найдет при обращении к любой странице вашего сайта и отобразит в адресной строке и в закладках.

  3. Татьяна Пишет,

    Здравствуйте! Спасибо за подсказку, но почему-то у меня не получилось установить favicon. Наверное, я что-то не так сделала? Я скачала с сайта favicon.fr понравившуюся мне иконку в формате .ico, закачала ее в папку www сайта — и ничего… В чем я могла ошибиться?

  4. VeryOldMan Пишет,

    Фавикон нужно закачать в папку Вашего домена – вашдомен.ru

  5. Татьяна Пишет,

    Все равно не получилось, пришлось в редакторе темы блога прописывать . Только после этого появился в моем блоге favicon.

    Но Вам спасибо за то, что подсказали что это такое, где это берут (имею ввиду саму иконку). После этого найти другие подсказки было просто делом техники.

  6. Мишель Пишет,

    Здравствуйте! У меня есть вопрос: как делать меню на сайте чтобы например Форум чтобы на заднем плане слова Форум было какое-то украшение или форма типа квадрат( я не давно начал изучение HTML тегов точнее три дня назад)?

  7. VeryOldMan Пишет,

    В редакторе Dreamweaver, для этого достаточно вставить изображение как фоновое, при создании стиля в таблице стилей, через меню Фон — Фоновая картинка.

  8. Сергей Пишет,

    Огромное спасибо за уроки по фотошопу! Написано так понятно что даже тупой чайник сможет понять как работать в фотошоп! Где ток не рылся в нете не мог найти подобного описания!..

  9. snow Пишет,

    Программа фотошоп конечно стоит того, чтоб ее изучать. Спасибо за уроки! Я с фотошоп дружу, а вот как изменить дизайн своего сайта пока не сильно понимаю.

  10. Зенков Андрей Пишет,

    Нарисовать дизайн в ФШ — это начальная стадия. И если это получится сделать самостоятельно — хороший плюс. Дальше будет проще мастерить иконки, картинки и прочее. В уроках всё подробненько

Добавить комментарий