привет) рада, что ты ко мне записалась) сначала прочитай эту статью: http://forumd.ru/viewtopic.php?id=1482
свободный как ветер
Сообщений 1 страница 10 из 50
Поделиться22012-06-23 01:51:53
Rush
Прочитала. Не уверена, что запомню с первого раза, но если понадобится, буду подглядывать=)
Поделиться32012-06-24 16:25:51
Mentis
так, теперь создавай макет:
Я не считаю, что дизайны должны быть похожи друг на друга. Ролевые же отличаются друг от друга, так почему же дизайны должны быть под штамповку?
Первое и самое важное - не бойся отличаться от других, но и не перебарщивай. Не делай ненужные коллажи, если это не вписывается в дизайн, лучше просто хорошо обработай одну картинку, сделай ее одним целым с остальными элементами. Ведь главное - создать целостность композиции, представь, что ты рисуешь картинку, к примеру пейзаж.
Во-вторых старайся делать максимально легкую графику, чтобы дизайн грузился так быстро, как мог. Используй png только там, где есть прозрачные детали, а для остальных сохраняй в формате jpg.
В-третьих, следи за цветовой гаммой - не делай слишком темные или слишком яркие цвета, у большинства пользователей зрение далеко не самое лучшее, так что делай так, словно ты и сама с ужаснейшим зрением.
В-четвертых, дизайн не должен обрезаться или повторяться на больших разрешениях (самое большое 1920*1200), делай так, словно у тебя самое большое разрешение экрана.
В-пятых, не нагружай хтмл-верх и низ форума, все, что можно переноси в ксс, так дизайн будет легче.
В-шестых, сохраняй псд и делай для дизайна макет, чтобы в случае чего легко исправить косяки и переделать что-то.
Затем это:
Это важная и полезная вещь поможет вам менять любые элементы дизайна. Во-вторых получается намного меньше косяков, чем, когда элементы разрознены. В-третьих можно сразу посмотреть на общий вид дизайна и решить все ли подходит друг другу.
Для удобства можно назвать ваши элементы - шапка, передний фон, задний фон и т.д. Советую сам макет делать для большого разрешения экрана (1920*1200), потому что потом уже на самом форуме фон может обрываться или повторятся, если он будет меньше ширины 1920 пикселей.
Для создания макета создаем файл размером 1920*1200 и окрашиваем его в любой цвет. Делается это для того, чтобы потом не запутаться, что в вашем макете - что. ДЛя переднего фона создаем файл шириной форума и высотой 1200 пикселей и сразу же окрашиваем его в цвет, а потом переносим на наш макет. Для шапки создаем другой файл любой ширины (до 1920 пикселей) и любой высоты, тоже окрашиваем его и переносим его на самый первый файл.
Элементы самого дизайна делаем отдельно, но обязательно сохраняем псд, чтобы потом если что можно было что-то изменить, а затем уже склеиваем слои и переносим на наш макет.
Потом вот это:
1. Создаем файл размером 1920*1200 px. Это задний фон. Можно залить его цвеом, можно наложить бесшовную текустуру, а можно просто найти картинку соотвествующего размера.
2. Создаем файл размером 800*1200 px. Где 800 - желаемая ширина форума. Это будет передним фоном.
3. Создаем файл размером 800*400 px, где 800 - желаемая ширина форума, 400 - высота шапки. Это шапка. Если вы хотите сдлеать шапку на всю длину форума, то создавайте файл размером 1920*400 (высота шапки) px.
4. Далее создаем иконки и ещё нужные нам элементы (категории, картинки в меню навигации и т.д.)
5. После того как вся графика готова - сохраняем ее в псд и сводим слои, а заетм переносим на первый файл (размером 1920*1200 px). Это макет нашего дизайна, далее вам надо только его разрезать и вставить в коды.
После всего выше перечисленного рассматривай макеты:
макет для дизайна с шапкой на всю длину
макет для дизайна с шапкой на ширину форума
Если что будет непонятно или вообще запутаешся, спрашивай обязательно будем разбираться)
после всего будем создавать макет)
и еще на низ форума не обязательно делать другой цвет, это место под нижную часть рамки или копирайт или контейнер для баннеров, поэтому тут тоже цвет тела форума
Поделиться42012-06-24 17:00:29
Rush
Вопрос.... Как расположить передний фон так, чтобы он был четко посередине?)))
Поделиться62012-06-24 17:51:06
Rush
Ну это масштаб... А я имею ввиду, как бы так измерить, чтобы при вставке переднего фона, ширина заднего фона и справа и слева одинакова была... Или это необязательно? =)
Отредактировано Mentis (2012-06-24 17:51:19)
Поделиться72012-06-24 18:54:33
Вот, что получилось... Надо же было макет сделать, я правильно поняла?
Поделиться82012-06-24 19:13:51
Mentis
красиво очень))
Поделиться92012-06-24 19:15:54
Ну это масштаб... А я имею ввиду, как бы так измерить, чтобы при вставке переднего фона, ширина заднего фона и справа и слева одинакова была... Или это необязательно? =)
ну так смотри ты сначала задний вставляешь, а потом когда масштаб делаешь такой как на скрине, вставляешь передний, то он автоматически ровно встает
Поделиться102012-06-24 19:16:34
Rush
Вай, спасибо сенсей =)
Но я так и не поняла принципа "оно само ровно встает"... В общем буду надеяться что я ровно сделала))
Отредактировано Mentis (2012-06-24 19:19:40)