{% else-1 %}
Обновить | Подписаться | Поднять тему
Чтобы выполнить действие авторизируйтесь или пройдите регистрацию на сайте.
1.
InLoad * 0.57
[автор] (25 фев 2013, 12:06) [0/1] [-1] [отв] [спам] [под] +1 | -1

Почитал тему С чего начать написанние дизайна?, и всплакнул. Вообщем вот мини-гайдик.

[ut]Перед тем, как начать...[/ut]

Перед тем, как начать браться за дизайн нужно освоить разметку. Дизайнер не обязан верстать, но уметь должен. Не понимая принципа можно нарисовать такое, что в жизни не сверстать.
Для начала прочтите http://htmlbook.ru/samhtml (web) затем разбирайте чужие страницы, поглядывая в справочник по тегам http://htmlbook.ru/html (web) Именно так я и научился.

[ut]Подготовка[/ut]

1. Текстовый редактор
Я бы посоветовал Notepad++ или EmEditor, у них есть подсветка синтаксиса, и мощный функционал. Можете использовать что-то другое, но только не стандартный блокнот. *

2. Графический редактор
Я начинал с acdsee v4, рисовал кистями полосочки, и размытием превращал их в градиент. * Не нужно так извращаться, начинайте сразу с Photoshop или Gimp. Благо уроков в сети море.

3. Браузер
Можете использовать любой из топовых, кроме IE.
Немного скажу о SeaMonkey. Есть в этой программе
Компоновщик - поваляет в одном окне переключаться между визуальным/html/ редакторами, пред просмотром, и подсветкой тегов. Для новичков в верстке будет полезно.

2.
InLoad * 0.57
[автор] (25 фев 2013, 12:07) [0/0] [0] [отв] [спам] [под] +1 | -1

[ut]Учим css[/ut]

В помощь вам самоучитель http://htmlbook.ru/samcss (web) и справочник http://htmlbook.ru/css (web).

Главное понять принцип. На каждый тег можно нацепить стиль. <a> <hr> <html> <ul>, на любой без исключений. можно из блоков сделать таблицу, а из нумерованного списка горизонтальное меню.


[ut]С чего начать написание дизайна?[/ut]

Ну вот и то, ради чего все затевалось.

Для начала придайте стиль телу страницы [dot]body[/dot] Установите цвет фона, и при необходимости фоновую картинку. Установите размер шрифта, его тип, цвет, и т.д.

Задайте стиль для ссылок [dot]a[/dot], их др. свойств (hover, visited). Параметр :focus в телефонах se на страной прошивке понимается как цвет выделения ссылок при навигации стрелками.

Теперь можете переходить к блокам.

Я так же сразу устанавливаю стили для картинок [dot]img[/dot], заголовков [dot]h1-h5[/dot], и линий [dot]hr[/dot].


Изм. 2 раз. / Посл. изм.
InLoad * 0.57
(25 фев 2013, 12:11)
3.
InLoad * 0.57
[автор] (25 фев 2013, 12:07) [0/0] [0] [отв] [спам] [под] +1 | -1

[ut]Под конец немного полезных web сайтов:[/ut]
https://kuler.adobe.com/ - Сервис подбора цвета от adobe
http://colorblender.com/ - Еше один сервис цвета
http://findicons.com/ - поисковик бесп. иконок
http://lea.verou.me/css3patterns/ - фоны для сайтов
http://subtlepatterns.com/ - еще бекграунды
http://wap59.ru/ - учебники html и js скрипты.

  • 1 из 1
Чтобы писать сообщения авторизируйтесь или пройдите регистрацию на сайте.
Подписаны: 0
Скачать тему | Файлы темы | Фильтр сообщений