Мы не утверждаем, что в наше время каждый обязан знать, как самому сделать полноценный сайт, однако, похоже, что без представления об основах веб дизайна ни одному мало-мальски продвинутому интернет пользователю уже не обойтись. Сложилось так, что рано или поздно многие сталкиваются с проблемой – как нарисовать баннер, прилепить кнопку, придумать логотип или натянуть шаблон на вордпресс.
А бывает другая ситуация: вы – владелец сайта – не можете взять в толк, почему народ бежит с ресурса в первые 5 секунд? Почему летающие снежинки и чарующие звуки на вашем сайте не увеличивают конверсию?! Возможно, проблема в дизайне сайта, а точнее, в его юзабилити. Все эти подводные камни можно обойти, изучая уроки веб дизайна, собранные в этом разделе КодоМазы. Вообще, разработка графического представления интернет ресурса и его структуры – лишь малая часть того, что называется UI – пользовательским интерфейсом, который, в свою очередь входит в глобальное здание UX – опыта пользовательского взаимодействия.
В нашем же разделе мы представим основы и уроки веб дизайна. Это и практические советы по сайтостроению, и материалы по шаблонам, рецепты изготовления веб графики, тонкости разметки и верстки сайтов и многое другое. Материалы будут полезны как профессионалам, так и начинающим веб-мастерам.
Специалист знает, как устроен процесс дизайна сайта. С другой стороны, клиент или просто начинающий UX-дизайнер обязательно задастся вопросом, как превратить эскиз в прототип?
Концепции дизайна пользовательского опыта (UX) и дизайна пользовательского интерфейса (UI) часто понимаются неправильно или даже взаимозаменяются. Эти области, однако, определенно неодинаковы и требуют от своих специалистов разных компетенций и разных методов работы.
Как создать логотип? Этот вопрос себе задают рано или поздно те, кто решил начать свое дело. Актуален он и для тех, кто занимается созданием сайтов. В статье описаны способы создания логотипа, их плюсы и минусы.
В статье рассмотрены следующие программы для создания скриншотов: KiberInfinity's Screen Shooter, Image Uploader, Lightshot, PicPick, SimpleScreen и другие.
Продолжение урока web дизайна в Photoshop, в котором показан процесс разработки красивого и нарядного макета сайта с рождественской темой в красных и золотых тонах.
Урок web дизайна в Photoshop, в котором показан процесс разработки красивого и нарядного макета сайта с рождественской темой в красных и золотых тонах. Дизайн макета вызывает праздничное настроение.
Продолжение урока web дизайна в Photoshop, где вы узнаете, как сделать PSD макет web страницы с красивым дизайном в темных тонах, который подходит для сайта портфолио, ориентированного на демонстрацию фотографий.
Урок web дизайна в Photoshop, где вы узнаете, как сделать PSD макет web страницы с красивым дизайном в темных тонах, который идеально подходит для сайта портфолио, ориентированного на демонстрацию фотографий. В данном уроке используются типовые приемы и методы, которые обычно применяются при разработке макетов сайтов.
Урок Photoshop, посвященный созданию оригинального, современного и креативного меню в форме диска с эффектом объема. Специальные термины и команды Photoshop в тексте приводятся на двух языках.
Иллюстрированный урок web дизайна, из которого вы узнаете, как создать в Photoshop макет 3D галереи изображений с футуристической темой космоса. Для создания иллюзии трехмерного изображения автор использует тонкие эффекты освещения и теней в совокупности с трансформацией перспективы. К уроку прикладывается исходный файл PSD Photoshop.
Урок web дизайна в Photoshop, в котором вы увидите процесс разработки подкупающе простого и чистого PSD макета главной страницы блога с элегантным, симпатичным дизайном.
Урок web дизайна в Photoshop, в котором предлагается создать очень простой, и может даже примитивный, но оригинальный и своеобразный макет сайта в виде открытой книги с закладками между страницами.
Как создать макет сайта?
