Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
Alex9
Заблокирован
1

Как подойти к созданию дизайна и разметки до написания кода ?

27.04.2012, 22:31. Просмотров 640. Ответов 1
Метки нет (Все метки)

Собственно, какие этапы предшествуют ?
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.04.2012, 22:31
Ответы с готовыми решениями:

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

Правила написания кода
Всем привет!Читала о правильном написании кода, отступы, что был "елочкой", но...

Правила написания кода
Я вот до сих пор не понимаю, как происходит такая вещь. Допустим: у меня есть...

Нужна консультация по созданию кода css
Нужна помощь по созданию кода для калькулятора СSS. Есть код HTML, и наброски...

Программы для облегчения написания кода
Слышал, что есть инструмент, который появляется в браузере при нажатии f12. Что...

1
SlavAz
ѪѦѢ
595 / 164 / 5
Регистрация: 19.08.2011
Сообщений: 666
Записей в блоге: 3
28.04.2012, 13:00 2
Лучший ответ Сообщение было отмечено как решение

Решение

По умолчанию я приму, что твой сайт планируется для русскоязычной аудитории.

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

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

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

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

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

Цветовая схема определенна, раскрашиваем интерфейс. Причём стоит сохранить обобщенность интерфейсов в разных разделах сайта (ссылки одного цвета, заголовки другого и не забывать про состояния hover active visited).

Рисование иконок и др. элементов. Учитывай то, как будешь их верстать, упростит потом жизнь. Не бойся отказываться от "красоты" в пользу простоты (что красивее это ещё поспорить можно).

Далее типографика. Статей полно. Почитай какие семейства шрифтов с какими сочетаются.

Затем вёрстка. Которая к этому моменту будет самым приятным действом, ибо всё продуманно на других этапах. Даже костыли не расстраивают.

А вообще каждый случай индивидуален. Порядок действий может слегка меняться. Есть ещё масса нюансов, описывать их все здесь, сам понимаешь, не реал. Если есть желание, процесс можешь выкладывать сюда, обязательно поучаствую
3
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.04.2012, 13:00

Изменение дизайна страницы при просмотре ее кода через испектор или не работающая галерея
Добрый день. Есть двиг вордпресс 4.4.2, есть плагин WordPress Post Tabs, есть...

А какие есть способы написания кода с параллельным просмотром в браузере?
Типа LiveReload, или по принципу редактора Brackets. подскажите, пожалуйста,...

Как рационально подойти к сокращению и упрощению кода?
Добрый день! Прошу подсказать новичку как рационально подойти к сокращению...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru