К вопросу о разработке дизайна макета сайта

Основные принципы разработки дизайна макета сайта, такие как: формат сайта, создание отдельных слоев, использование стандартных шрифтов, оформление ссылок. Требования к структуре сайта, которые помогут сделать его современным и конкурентоспособным.

Рубрика Программирование, компьютеры и кибернетика
Вид статья
Язык русский
Дата добавления 19.12.2017
Размер файла 508,8 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Санкт-Петербургский гуманитарный университет профсоюзов Санкт-Петербург, Россия

К вопросу о разработке дизайна макета сайта

Путькина Лидия Владимировна

кандидат технических наук, профессор кафедра информатики и математики, экономический факультет

Аннотация

дизайн сайт шрифт конкурентоспособный

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

Ключевые слова: макет сайта, дизайн, контент, графический образ, виртуальный рынок услуг

Создание сайта это необходимая составляющая успешного развития любого бизнеса. Дизайн макета сайта необходим для представления будущего сайта в виде графического образа. Макет сайта - это всего лишь его приблизительная виртуальная картина, которая наиболее близко представляет внешний вид страниц будущего сайта.

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

Есть определенные требования к оформлению макета сайта. Среди них:

- файл макета сайта должен соответствовать установленному формату;

- каждый элемент должен располагаться на своем отдельном слое;

- при создании макета обязательно указывается возможность дальнейшего способа верстки;

- должны учитываться особенности основных браузеров;

- использование стандартных шрифтов;

- лучше избегать специальных эффектов с текстом;

- при создании макета прописывается оформление ссылок.

Соблюдение данных пунктов позволяет правильно создать макет будущего сайта и упростить работу на последующих этапах. Типичная структура страницы сайта показана на рисунке 1.

Рисунок 1. Структура страницы

Данная структура, естественно, не является универсальной. Но показывает основные элементы страницы:

- шапку сайта;

- футер (подвал);

- зону контента;

- различного вида меню.

Разработка дизайна макета путем найма профессионального веб-дизайнера стоит дорого. В условиях ограниченного бюджета стоит попытаться создать макет главной страницы самостоятельно, не обязательно пользуясь профессиональными инструментами веб-дизайна (Photoshop, Cold Fusion).

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

Для сайта выбирается готовый шаблон по следующим параметрам:

- стиль шаблона соответствует корпоративному стилю компании;

- макет соответствует уже разработанному совместно с руководством дизайн-макету сайта;

- представлены основные элементы, включая очень информативный элемент в центральной части страницы - слайдер;

- представлены все основные страницы веб-представительства.

Контент - ключевая составляющая качественно выполненного сайта. Поэтому так важно уметь наполнить сайт действительно важной и полезной составляющей - информативным и уникальным контентом.

При размещении материалов на сайте необходимо достижение следующих свойств контента:

- воспринимаемость - упрощение способов просмотра и прослушивания контента, отделив его важные части от второстепенных;

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

- понятность - необходимо делать текст легким и понятным для чтения и понимания.

- надежность - обеспечение максимальной совместимости с существующим ПО, включая ассистивные технологии.

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

Список литературы

1. Артемьев А.В., Минаков В.Ф., Макарчук Т.А. Управление обучением персонала коммерческого банка: Эффекты. // Статистика и экономика. - 2013. - № 3. - С. 11-15.

2. Галстян А. Ш., Шиянова А. А., Минаков В. Ф. Моделирование стратегического развития рынка страхования в России: проблемы и пути их решения // Вестник Северо-Кавказского федерального университета. - 2014. - № 2 (41). - С. 256-260.

3. Галстян А.Ш., Шиянова А.А., Минаков В.Ф., Минакова Т.Е. Верификация экономико-математической модели инновационного развития связи и инфотелекоммуникаций России // Вестник Северо-Кавказского федерального университета. - 2015. - № 3 (48). - С. 78-84.

4. Маслов В. И., Минаков В. Ф. Эластичность качества продукции по цене и затратам // Стандарты и качество. - 2012. - № 9 (903). - С. 88-90.

5. Минаков В. Ф. Аналоговые и дискретные классы показателей инновационных проектов // Информационные технологии в экономике, управлении и образовании: Сборник научных статей / Ч.2. - СПб.: Изд-во СПбГУЭФ. - 2011. - С. 42-48

6. Минаков В. Ф. Производственная функция в логистических потоках // Международный научно-исследовательский журнал = Research Journal of International Studies. - 2014. - № 11-3 (30). - С. 55-58.

7. Минаков В. Ф., Лобанов О. С. Концепция облачного информационного пространства исполнительных органов государственной власти региона // Статистика и экономика. - 2014. - № 3. - С. 181-185.

8. Минаков В. Ф., Минакова Т. Е. Модернизация региональных информационных ресурсов в облачные платформы и сервисы // Международный научно-исследовательский журнал = Research Journal of International Studies. - 2013. - № 10-3 (17). - С. 56-57.

9. Минаков В. Ф., Остроумов А. А., Радченко М. В. Системный анализ логистических потоков // Статистика и экономика. - 2015. № 2. - С. 199-201.

10. Минаков В.Ф. Информационные потоки как фактор производства // Nauka-rastudent.ru. - 2015. - № 11 (23). - С. 32.

11. Минаков В.Ф. Информация как фактор производства // В сборнике: Актуальные вопросы современной науки. Материалы международной научно-практической конференции. - Нефтекамск: ООО «Наука и образование». - 2015. - С. 221-216.

12. Минаков В.Ф. Концепция мультиагентного анализа иерархий // Nauka-rastudent.ru. - 2016. - № 3 (27). - С. 30.

13. Минаков В.Ф. Логистика мобильной торговли // Международный научно-исследовательский журнал = Research Journal of International Studies. - 2014. - № 9 (28). - С. 77-78.

14. Минаков В.Ф. Различия и сходства в периодизации теории поколений // Международный научно-исследовательский журнал = Research Journal of International Studies. - 2014. - № 12-2 (31). - С. 122-124.

15. Минаков В.Ф. Смарт инновации: понятие, сущность // Nauka-rastudent.ru. - 2016. - № 1 (25). - С. 13.

16. Минаков В.Ф. Ценовая эластичность спроса и предложения качества // Информационные технологии в бизнесе. Сборник научных статей 8-й международной научной конференции. - Санкт-Петербург. Издательство «Инфо-да». - 2013. - С. 51-60.

17. Минаков В.Ф., Малышенко А.В. Декомпозиция инновационных процессов в вузе // Наука. Инновации. Технологии. - 2004. - № 36. - С. 12-15.

18. Минакова Т. Е., Минаков В. Ф. Синергия энергосбережения при высокой добавленной стоимости продукции // Современные проблемы науки и образования. - 2013. - № 4. - С. 26.

19. Минакова Т.Е., Минаков В.Ф. Инновационное развитие региональных информационных ресурсов как облачных платформ // Альманах современной науки и образования. Тамбов: Грамота. - 2013. - № 12 (79). - С. 116-117.

20. Путькина Л. В. Динамика концепции развития предпринимательских структур//Международный научно-исследовательский журнал. 2015. №2-3 (33). С.79-80.

21. Путькина Л. В. Особенности инновационных предпринимательских структур//Международный научно-исследовательский журнал. 2015. №2-3 (33). С.80-82.

22. Путькина Л. В. Проектирование интеллектуальных систем в экономике. Статья в открытом архиве № 0321400431 30.07.2014

23. Путькина Л.В. Концепция процессного подхода в управлении // В мире научных открытий. 2015.№11.7(71). С.2759-2765.

24. Путькина Л.В. Методика оценки уровня инфраструктуры предпринимательской деятельности // Nauka-rastudent.ru. - 2016. - No. 05 (029) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/29/3464/

25. Путькина Л.В. Об опыте применения инвестиционного проекта при создании нового предприятия малого бизнеса // Nauka-rastudent.ru. - 2015. - No. 12 (24) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/24/3125/

26. Путькина Л.В. Об опыте разработки web-представительства для виртуального бизнеса // Nauka-rastudent.ru. - 2015. - No. 10 (22) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/22/2975/

27. Путькина Л.В. Основные тенденции в управлении бизнес-процессами // Nauka-rastudent.ru. - 2016. - No. 07 (031) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/31/3562/

28. Путькина Л.В. Особенности использования электронного документооборота для эффективной работы современного предприятия // Электронный научно-практический журнал Nauka-rastudent.ru. - 2016.- No. 01 (25) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/25/3173/

29. Путькина Л.В. Особенности применения бизнес-моделей в сфере услуг // Nauka-rastudent.ru. - 2015. - No. 10 (22) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/22/2976/

30. Путькина Л.В. Особенности применения электронного офиса в сфере услуг // Nauka-rastudent.ru. - 2016. - No. 01 (25) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/25/3174/

31. Путькина Л.В. Применение инвестиционного проекта для создания нового предприятия сферы услуг // Nauka-rastudent.ru. - 2016. - No. 03 (027) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/27/3343/

32. Путькина Л.В. Роль информационных систем и технологий в управлении предприятиями сферы услуг // Nauka-rastudent.ru. - 2016. - No. 05 (029) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/29/3463/

33. Путькина Л.В. Тенденции развития малых инновационных предпринимательских структур // Nauka-rastudent.ru. - 2015. - No. 12 (24) / [Электронный ресурс] - Режим доступа. - URL: http://naukarastudent.ru/24/3070/

34. Путькина Л.В. Тенденции создания сервисной службы поддержки клиентов // Nauka-rastudent.ru. - 2016. - No. 02 (026) / [Электронный ресурс] - Режим доступа. - URL: http://nauka-rastudent.ru/26/3226/

35. Шиянова А.А., Галстян А.Ш., Минаков В.Ф., Минакова Т. Е. Математическое моделирование макроэкономических трендов развития страхового бизнеса // Современные проблемы науки и образования. - 2014. - № 4. - С. 436.

Размещено на Allbest.ru

...

Подобные документы

  • Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.

    презентация [2,8 M], добавлен 01.09.2019

  • История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.

    дипломная работа [8,0 M], добавлен 10.10.2015

  • Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.

    курсовая работа [52,7 K], добавлен 23.12.2011

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

    курсовая работа [686,4 K], добавлен 13.06.2022

  • Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.

    дипломная работа [4,6 M], добавлен 10.11.2015

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Основные принципы работы с Macromedia Flash, структура программы, использование векторной графики, передача данных в потоковом режиме в Macromedia Flash, разделение данных и их представление. Разработка макета, информационной структуры и дизайна сайта.

    дипломная работа [394,3 K], добавлен 12.07.2010

  • Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.

    курсовая работа [2,1 M], добавлен 14.06.2014

  • Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.

    дипломная работа [129,4 K], добавлен 11.03.2010

  • Создание основы интернет-сайта - набора таблиц, которые расположены в нужном порядке. Использованные теги и их атрибуты. Кодовое оформление сайта, наложение второго слоя. Стильный текст в HTML. Использование скриптов для большей информативности сайта.

    методичка [813,6 K], добавлен 08.11.2013

  • Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.

    курсовая работа [1,7 M], добавлен 07.11.2013

  • История возникновения и применение Каскадных таблиц стилей (CSS) в web-дизайне, их преимущества и отличие от HTML. Сравнительная характеристика табличной и блочной верстки. Практика дизайна сайта: создание бокового меню, всплывающего модального окна.

    курсовая работа [1,2 M], добавлен 21.06.2011

  • Выбор состава технических и программных средств. Проектирование структуры и макета сайта. Модуль обработки изображений в редакторе Adobe Photoshop. Серверная и пользовательская части сайта. Тестирование работоспособности сайта методом черного ящика.

    дипломная работа [1,8 M], добавлен 09.07.2017

  • Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.

    дипломная работа [3,6 M], добавлен 08.04.2014

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

    дипломная работа [3,0 M], добавлен 01.01.2018

  • История появления первого в мире сайта info.cern.ch в 1991 году. Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Использование конструктора при разработке сайтов. Создание сайта "с нуля", разработка дизайна, верстка, оформление.

    реферат [21,5 K], добавлен 26.05.2015

  • Понятие Internet как глобальной мировой системы передачи информации. Анализ системы World Wide Web, ее особенности. Рассмотрение главных целей сайта, создание сайта для магазина продуктов питания. Этапы разработки дизайна сайта и создание базы данных.

    курсовая работа [2,1 M], добавлен 13.07.2012

  • Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.

    курсовая работа [10,7 M], добавлен 01.09.2016

  • Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.

    курсовая работа [1,6 M], добавлен 13.06.2013

  • Обоснование выбора средств разработки сайта. Программа Microsoft Office FrontPage 2003, характеристика и принцип работы. Разработка структуры сайта, его реализация и создание элементов дизайна. Наиболее употребляемые теги языка HTML. Листинг HTML-кода.

    курсовая работа [1,7 M], добавлен 08.03.2011

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.