-
Юбилейный DevConfX пройдет 21-22 июня в Москве. Как всегда — Вы решаете, кто попадет в программу секции Backend — голосуйте за интересные доклады
Дизайн сайта (продолжение)
- Автор темы _RVK_
- Дата начала
Krisha
pain in the neck
Diesel
Маладца, уже лучше, ровняй и чисти еще.
Убери пунктирные линии в шапке вообще, и под заголовком тоже убери. 3 иконки над меню ужас, возьми с какого нить сайта нормально отрисованные. Шрифт в меню сделай по размеру таким как был в прошлом варианте и точки сделай зелеными как раньше. Дочисти точки. Шапку вверху справа выровняй.
Чтобы рисовать ровные "кривые" используй Pen Tool и иже с ними (когда отрисовал "путь" открываешь панель Paths и там делаешь или Stroke (обводку) или Fill (заливку) пути).
Используй гайдлайны, чтобы сделат разметку по которой будешь нарезать. Они так же помогут тебе увидеть явные клюки. (см. пример http://test.ddiweb.net/example.gif)
Чаще смотри с максимальным увеличением на точки и линии, много интерессного увидишь.
P.S. полазь по сайтам почитай про то как оптимизировать графику.
Маладца, уже лучше, ровняй и чисти еще.
Убери пунктирные линии в шапке вообще, и под заголовком тоже убери. 3 иконки над меню ужас, возьми с какого нить сайта нормально отрисованные. Шрифт в меню сделай по размеру таким как был в прошлом варианте и точки сделай зелеными как раньше. Дочисти точки. Шапку вверху справа выровняй.
Чтобы рисовать ровные "кривые" используй Pen Tool и иже с ними (когда отрисовал "путь" открываешь панель Paths и там делаешь или Stroke (обводку) или Fill (заливку) пути).
Используй гайдлайны, чтобы сделат разметку по которой будешь нарезать. Они так же помогут тебе увидеть явные клюки. (см. пример http://test.ddiweb.net/example.gif)
Чаще смотри с максимальным увеличением на точки и линии, много интерессного увидишь.
P.S. полазь по сайтам почитай про то как оптимизировать графику.
_RVK_
Новичок
Вот господа. кажись с цветом стало лучше: http://www.uhp.novoch.ru/new/design4.gif
Хотя теперь он кажется каким то загруженым чтоли....
2Krisha:
Чтоб не донимать лишними вопросами, не мог бы посоветовать статей по резке и верстке страниц. Не основы Html, а типа советов как делать надо а как не надо. Дапустим ты указал на ошибки (красными кружечками) а я не понял почему я должен резать именно по этим линиям. Я вообще шапку на 2 части разрезал.... Вообщем я понимаю что в этом деле есть свои тонкости, ведь именно поэтому ты советуешь все делать ручками....
Хотя теперь он кажется каким то загруженым чтоли....
2Krisha:
Чтоб не донимать лишними вопросами, не мог бы посоветовать статей по резке и верстке страниц. Не основы Html, а типа советов как делать надо а как не надо. Дапустим ты указал на ошибки (красными кружечками) а я не понял почему я должен резать именно по этим линиям. Я вообще шапку на 2 части разрезал.... Вообщем я понимаю что в этом деле есть свои тонкости, ведь именно поэтому ты советуешь все делать ручками....
Krisha
pain in the neck
Diesel
Еще много мелких недочетов, не позволяй мелким деталям налазить одни на другие (к примеру зеленая линия и пунктир), светлоголубая подложка для счетчиков явно лишняя, и вообще перенеси их куда нить.
В шапке где логотип три горизонтальные линии ужас, поработай еще над верхним правым углом, чтобы там не было всё так зажато и тесно. Подбери хороший красивый и читаемый шрифт. Поработай над самим логотипом.
Убери белые квадратики они не в тему. Шрифт для вспомогательного меню в низу сделай шрифтом без антиалиасинга.
Нагруженно выглядит потому, что ты используешь слишком активный синий цвет.
Не позволяй мелким деталям блуриться, вычисти их.
О нарезке.
У тебя сейчас размер гифа как я вижу 800 на 600, если ты планируешь верстать под этот размер, то графика должна умещаться в 780 пикселей по ширине.
Ты должен определиться будет ли у тебя всё зажато под один размер или будет "резиновое" (тянуться на 100%) от этого зависит как нарезать. Я бы делал резиновый. Но у тебя однозначно возникнут проблеммы с версткой, так как ты изначально не продумал как будет себя вести сверстанная страница.
Сайтов посоветовать не могу так как не помню уже.
Просто поищи в инете.
P.S. из того, что еще сидит в памяти:
http://cherry-design.spb.ru/pages/articles.htm
http://www.artlebedev.ru/kovodstvo2/sections/ (полезно для общего развития, но не стоит это воспринимать как догму)
почитай Кирсанова и Нильсена для общего образования.
http://www.htmlbook.ru/ - вот таких сайтов можно море найти я думаю
Еще много мелких недочетов, не позволяй мелким деталям налазить одни на другие (к примеру зеленая линия и пунктир), светлоголубая подложка для счетчиков явно лишняя, и вообще перенеси их куда нить.
В шапке где логотип три горизонтальные линии ужас, поработай еще над верхним правым углом, чтобы там не было всё так зажато и тесно. Подбери хороший красивый и читаемый шрифт. Поработай над самим логотипом.
Убери белые квадратики они не в тему. Шрифт для вспомогательного меню в низу сделай шрифтом без антиалиасинга.
Нагруженно выглядит потому, что ты используешь слишком активный синий цвет.
Не позволяй мелким деталям блуриться, вычисти их.
О нарезке.
У тебя сейчас размер гифа как я вижу 800 на 600, если ты планируешь верстать под этот размер, то графика должна умещаться в 780 пикселей по ширине.
Ты должен определиться будет ли у тебя всё зажато под один размер или будет "резиновое" (тянуться на 100%) от этого зависит как нарезать. Я бы делал резиновый. Но у тебя однозначно возникнут проблеммы с версткой, так как ты изначально не продумал как будет себя вести сверстанная страница.
Сайтов посоветовать не могу так как не помню уже.
Просто поищи в инете.
P.S. из того, что еще сидит в памяти:
http://cherry-design.spb.ru/pages/articles.htm
http://www.artlebedev.ru/kovodstvo2/sections/ (полезно для общего развития, но не стоит это воспринимать как догму)
почитай Кирсанова и Нильсена для общего образования.
http://www.htmlbook.ru/ - вот таких сайтов можно море найти я думаю