Создание дизайна сайта. От креатива до проектирования. Поделитесь секретами.

Тема в разделе "Мегафлуд", создана пользователем Derag, 4 янв 2009.

Статус темы:
Закрыта.
  1. Derag

    Derag

    Регистр.:
    9 ноя 2008
    Сообщения:
    218
    Симпатии:
    44
    Хочу поинтересоваться у "Web-дизайнеров" как они зарабатывают дизайны для своих сайтов. Нет меня не интересует переделка с шаблонов, а интересует разработка с нуля.
    Так вот меня интересуют как же делать дизайн сайтов. Хочу услышать ваши советы, трюки. Может ссылки на статьи, книги.
    Мне просто в голову не лезет даже макеты сайтов, открываю фотошоп и ... я не собираюсь делать крутую гафику, простенький шаблончик, где усилие идёт на выбор цветов взаимодействующих. Я даже этого не могу, леплю цвета, не в кассу.
     
  2. dee_motard

    dee_motard

    Регистр.:
    26 июл 2008
    Сообщения:
    247
    Симпатии:
    76
    мне проще всего начинать работать над макетом не в Фотошопе а в Кореле. В нормальном векторном редакторе набрасываю примерную структуру сайта, подбираю шрифты, прорисовываю элементы меню и тп. Всё делаю в оттенках серого, чтобы на этом этапе не тратить время на подбор цвета. Далее экспорт в растр и импорт в Фотошоп, где уже с помочью hue-saturation-brightness и colorise "раскрашиваю" базовые элементы дизайна, и работаю над более детальной проработкой графики. Широко пользуюсь эффектами над слоями.
    Ну а как остаюсь доволен от статичной картинки - нарезаю кусками графику (будем считать что какую часть пускать фоном, какую - картинкой, прикинуть проблем не возникает) и в ШТМЛ-редакторе собираю эту графику назад div-ами в единое целое, не забывая про растягиваемость дизайна. Дальше в цсс прописываю параметры шрифтов, картинок, таблиц-слоёв для разных элементов дизайна, и вуаля.
     
    APEXi, agapit, +Margarita+ и 9 другим нравится это.
  3. alex-bot

    alex-bot Nulled-Man

    Регистр.:
    4 май 2007
    Сообщения:
    497
    Симпатии:
    144
    Ну сперва наверно с идеи и тематики начинаю, если в голову совсем ничего не идет, то вперед смотреть сайты конкурентов, если сайты конкурентов галимые :) , то идем напрямую в забугорные магазины шаблонов, там точно идея есть...
    Далее прикидываем что хотим соорудить, идем в любой графический редактор, с основным набором инструментов. (ЗЫ Я лично не художник, и монстров типа Corel & Photoshop не использовал).
    Пока хватало Файрворкса вот рисуем там наш дизайн.

    Перед тем как приступить к малеванию, нужно выделить от 2 до 5 рабочих цветов.
    Они и состовят 100% цветовую гамму всего сайта.

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

    Далее делаем нарезку, и собираем страницу готового сайта. Так как она будет выглядеть в конце. Проще если это сайт из нескольких страниц, тогда можно обойтись минимальным набором стилей CSS.

    Если дизайн под движок, то тут уж надо знать движок, ну к примеру возьмем ту же Joomla и назначение каждого стиля. Ну в целом с этим можно разобраться за пару дней.
    Ну вот вроде и все... можно пользоваться... Конечно есть еще много всяких мелочей связаных с юзабилити, и SEO оптимизацией...., размещением блоков... но в основном вот так и делаю...
     
    A.N.R.I, pavel012007, and77st и 3 другим нравится это.
  4. Derag

    Derag

    Регистр.:
    9 ноя 2008
    Сообщения:
    218
    Симпатии:
    44
    Кстати, да. Что то я совсем забыл. Если знаете хорошие, буду рад, если напишите.

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

    scarm Постоялец

    Регистр.:
    16 мар 2008
    Сообщения:
    93
    Симпатии:
    34
    Все товары с забугорных магазинов шаблонов обычно хранятся здесь:
    http://torrents.ru
    Заметьте, совершенно бесплатно :)
     
  6. Derag

    Derag

    Регистр.:
    9 ноя 2008
    Сообщения:
    218
    Симпатии:
    44
    Согласен, но суть то в том, что бы создать оригинальный дизайн, свой. Ну и там всё таки не такие уж и новые.
     
  7. rim89

    rim89 Постоялец

    Регистр.:
    7 апр 2008
    Сообщения:
    87
    Симпатии:
    5
    1. Нужна идея, выбарая что угодно( если нету конкретного заказа) и придерживаеся этой идеи до конца.
    2. На бумажке набрасываю концепцию, что где и зачем + размеры + то что возможно придется переделать
    *есть одно замечательное правило - думай с карандашем и бумагой, я его стараюсь придерживаться
    3. В шопе размечаю то что набрасал на бумаге( границы элементов )
    4. Идёт непосредсвенно вопложение задуманного в жизь
    5. Порезка
    6. Верстка
    *вот примерное план действий
     
    A.N.R.I нравится это.
  8. Derag

    Derag

    Регистр.:
    9 ноя 2008
    Сообщения:
    218
    Симпатии:
    44
    Пробовал, но видать я размеры бумажки маленькие беру...

    А ещё хотел спросить, где вы графику берёте? Ну там И кнопочки и т.д.
    Я понимаю что в Яндексе - поиск картинок может прокатить, но оттуда не серьёзно будет.
     
  9. emil116rus

    emil116rus Постоялец

    Регистр.:
    29 мар 2008
    Сообщения:
    130
    Симпатии:
    15
    я лично графику беру типо с таких сайтов, но обычно берется определенный объект вырезается и уже идет в работу. вот здесь найдешь не поленись почитать.
     
    Derag нравится это.
  10. maksim-ineshin

    maksim-ineshin

    Регистр.:
    20 дек 2007
    Сообщения:
    179
    Симпатии:
    32
    Для подбора вдохновения я беру любую понравившуеся фотографию на http://www.flickr.com/, почему там? там хорошее качество фотографий и широкий выбор... Далее либо использую фотографию при создании макета в фотошопе, либо подбераю цвета такие-же гармоничные как на фото...
    А ещё мне нравится матрица идей у Лебедева http://www.artlebedev.ru/tools/matrix/ от туда я взял несколько очень хороших идей... разумеется всё надо додумывать...

    p.s. иногда бывают проблемы при вёрстке, но это всё решаемое....
     
    hamann11 нравится это.
Статус темы:
Закрыта.