web master | Разработка структуры и прототипа дизайна
Главная » Разработка структуры и прототипа дизайна
    РейтингРейтингРейтингРейтингРейтинг

Разработка структуры и прототипа дизайна

Содержание:
  • § 1.Чем занимается веб-дизайнеры и как они создают сайты.
  • § 2. Как делать дизайн сайта.
  • § 3. Этапы создания дизайна сайта.
  • § 4. Советы веб-мастеру при разработке дизайна сайта.
  • § 5. Разработка прототипов сайта.

§ 1.Чем занимаются веб-дизайнеры и как они создают сайты.

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

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

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

 

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


§ 2. Как делать дизайн сайта

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

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

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

Дизайн практически любого сайта состоит из следующих основных элементов:

- фон

- шапка (header)

- меню

- блок основного контента

- один или несколько боковых блоков (сайдбаров)

- подвал (footer)


§ 3. Этапы создания дизайна сайта.

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

2. Делать макет в карандаше.Дизайн в карандаше делается примерно за один день– это черновик, который вы сможете поправить, почеркать что-то, чтобы затем была возможность перерисовать все это в графическом редакторе.

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

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

5. Верстка дизайна в html. Всю работу по составлению дизайна можно сделать самостоятельно, но для этого стоит иметь хоть какие-то дизайнерские способности.


§ 4. Советы веб-мастеру при разработке дизайна сайта.

1. На сайте все должно быть на своих местах. Четко следите за структурой сайта. Не сваливайте все в общую кучу. Если пользователь не разберется где, что лежит, то он к вам не вернется.

2. Не выкладывайте все на одну страницу. Имеет смысл разбивать большие страницы на более мелкие.

3. Работайте в рамках дизайна. Дизайнер делает сайт, а вы отвечаете за его работоспособность.

4. Отвечайте на все письма посетителей. Не ленитесь, написать ответ, пусть это будут примитивные фразы такие, как: «Большое спасибо» или «Мы это обязательно учтем». Сделав этот нехитрый номер вы 100% получаете постоянного посетителя, который к тому же приведет к вам всех своих друзей.

5. Чем чаще обновления, тем больше посетителей. Никто не хочет читать одно и тоже. Даже если нет ничего нового, попробуйте сменить приветственную речь или комментарии под картинками.

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

7. Ваша настольная книга — орфографический словарь. Старайтесь избегать ошибок и опечаток.

8. Не пишите чепухи. Не публикуйте на сайте сомнительную информацию или вообще полнейшую чушь. Пару раз прочитав липу посетитель в вас разочаруется и уйдет к вашим конкурентам.

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

10. Будьте вежливы. Если вам часто пишут о какой-либо неполадке, которую вы уже устраняете, не стоит посылать автора письма в одно известное место, он же для вас старается. Черкните ему фразу «Спасибо, вы нам безмерно помогли» и всем будет приятно.

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


§ 5. Разработка прототипов сайта

Важная задача при создании эффективного проекта — разработка прототипа для будущего сайта.

Прототип сайта — это технический документ, на котором отображена структура будущего сайта. Прототип сайта создаётся исполнителем и утверждается заказчиком ещё до того, как исполнитель приступает к дизайну.

создание прототипа сайта

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

Создание прототипа имеет под собой несколько целей:

1. Облегчение процесса взаимодействия между заказчиком и исполнителем.

2. Защита исполнителя от прихотей и гениальных идей заказчика.

3. Прототип разрабатывается исходя из целей и задач клиента, а не его прихотей.

Бесплатные инструменты для создания прототипов (макетов) для сайта.

MockFlow

Онлайн/оффлайн сервис с большой библиотекой шаблонов и элементов, которые позволяет управлять разработкой и создавать сложные прототипы. Существует два тарифных плана — бесплатный (с ограничениями на один четырехстраничный прототип, 10 мб дискового пространства и экспорт прототипа с наложенным копирайтом) и платный.

Cacoo

Онлайн инструмент для совместной работы по создания прототипов и диаграмм. После регистрации вы попадете в графический редактор, который помимо обычных функций имеет много дополнительных модулей для создания даже самых сложных схем. Если хотите пригласить партнера поработать вместе с вами, то вам будет обеспечен приятный чат. В бесплатном тарифе схемы и диаграммы можно экспортировать только в PNG, а за 5 долларов в месяц будет доступно еще и SVG, а также снимутся все ограничения в количестве диаграмм.

Mockup Builder (beta)

На данным момент бесплатное Silverlight онлайн-приложение для создания прототипов. Есть оффлайн версия. Также имеется большая библиотека готовых элементов. Проекты можно сохранять на компьютер в виде pdf, png и формата самого приложения.

Creately

Онлайн инструмент для создания прототипов, блок-схем и диаграмм. Есть русский интерфейс и бесплатная версия с ограниченным функционалом (ограничение снимается путем регистрации). У сервиса довольно простой интерфейс, но маленький выбор компонентов.

ProtoShare

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

iPlotz

Довольно серьезный онлайн и оффлайн инструмент для создания прототипов сайтов. Есть большая библиотека всех необходимых элементов интерфейса, бесплатный тарифный план (только онлайн) и частично русская версия интерфейса.

Pencil Project

Это скорее большой плагин для FireFox, нежели онлайн-инструмент. Но, инструмент очень качественный и абсолютно бесплатный. После его установки можно создавать прототипы прямо в браузере, а благодаря удобному интерфейсу, с большим количеством всевозможных инструментов и функций (многостраничные документы, экспорт html, png, файлов OpenOffice и т.д.) разработка будет упрошена до минимума.


css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!