Веб дизайн сайт – Сайты для дизайнеров — подборка самых полезных

Что такое веб-дизайн и с чем его едят?

От автора: приветствую стареньких и новеньких читателей моего блога. В сегодняшней статье я поделюсь с вами фактическими данными и своими размышлениями по поводу того, что такое веб-дизайн. Существует множество ошибочных мнений касательно расшифровки самого определения, сложности этой профессии и многих других вопросов, которые, так или иначе, касаются выбранной темы.

На вопрос новых знакомых о том, чем я зарабатываю на хлеб, мне приходится отвечать дважды. Сначала из моих уст гордо звучит: «Веб-дизайнер», на что с другой стороны прилетает: «Эм, веб-дизайн — это что такое?»

Затем приходится объяснять, что входит в мои обязанности, но в конечном итоге все сводится к упрощенному варианту, мол, сайты создаю, господа. После очередного подобного ответа мне захотелось глубже погрузиться в эту тему и подробно объяснить людям, что к чему.

Предлагаю сегодня вместе разобраться, что такое web-дизайн, понять его ключевые этапы и базовые принципы. В качестве бонуса новичкам я добавлю информацию о том, как начать карьеру веб-дизайнера, а также, сколько понадобится времени на обучение, чтобы уже заработать первые деньги.

Что ты за существо такое, веб-дизайнище?

Чтобы сформировать однозначный ответ касательно того, что называется web-дизайном, я учел мнения авторов многих учебных пособий, моих авторитетных коллег и личного опыта в этой сфере. Вы хотите услышать версию без цензуры (с техническими матюками) или на простом русском языке? Думаю, второй вариант подойдет больше.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Web-дизайн — это процесс производства сайтов, который состоит из технической разработки, создания удобной структуры веб-страницы, графического оформления и передачи информации в сеть.

К основным принципам этого направления можно отнести баланс основных элементов на картинке, их органичность, ритм, фокусировку внимания, общий контраст и пропорциональность.

Этапы веб-дизайна

С формулировкой вроде разобрались, теперь давайте перейдем к изучению каждого этапа по отдельности.

1. Техническое задание.

Первым делом необходимо понять цель создания веб-сайта, разобраться в том, какой функционал, структуру и внешний вид он должен иметь. В техническом задании подробно продумывается каждый из перечисленных выше моментов, после чего проект согласовывается с заказчиком. После его подтверждения этап можно считать завершенным.

2. Структурирование информации на странице (юзабилити).

В этот этап входит создание общей модульной сетки и формирование будущей структуры подачи контента. Здесь главной задачей, которую преследует веб-разработчик, является создание наиболее удобной формы предоставления необходимой информации пользователям.

3. Графическое оформление.

Далее в графическом редакторе разрабатывается дизайн сайта. Это, наверно, самый любимый этап каждого представителя данной профессии. Здесь можно творить и попробовать воплотить свои самые нестандартные (если, конечно, заказчик в курсе вашей самодеятельности) идеи.

Что такое дизайн сайта? Это воплощение на макете своего виденья будущего проекта. В него входит продумывание наполненности пространства, толщины линий, расположения элементов, цветов, шрифтов, текстуры и т. д.

4. Верстка.

На этой стадии происходит разделение графического изображения страницы на отдельные элементы. Производится трансформирование дизайна в код при помощи применения технологий HTML и CSS. Выполняется этот процесс для того, чтобы веб-браузеры могли точно отобразить ваш сайт.

5. Вебмастеринг.

Завершающим этапом является перенос сайта на хостинг и дальнейшая поисковая оптимизация, чтобы другие люди могли увидеть ваше творение в интернете.

В чем отличие между дизайнером в веб-дизайнером?

Веб-дизайнер — это специалист широкого профиля, который самостоятельно выполняет каждый этап разработки сайта и осуществляет его дальнейший запуск. Однако нужно учитывать, что некоторые задачи он может делегировать другим профессионалам. Делается это для того, чтобы сэкономить личное время. Тем не менее, он сам контролирует весь процесс создания будущего проекта.

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

Можно ли быстро научиться веб-дизайну и заработать на нем?

Зачастую, узнав и соизмерив заработок веб-дизайнера с количеством затраченного времени на его получение, от собеседника исходит ненавязчивый (а иногда очень-преочень навязчивый) вопрос о том, можно ли этому научиться, или же дар был послан Зевсом с небес? Я всегда отвечаю положительно, так как на моей практике было множество случаев, когда люди приходили в эту профессию в 30–40 лет и при этом спустя какое-то время становились довольно успешными специалистами.

В этом деле возраст не играет фундаментальной роли. Конечно, лучше, если вам 20, вы энергичны, а в голове еще не застыл холодец, однако здесь куда важней терпение, стремление к знаниям и постоянное развитие.

Веб дизайн — это что, по-вашему, квантовая физика какая-нибудь? Хотя даже ее со временем можно понять. Сразу, конечно же, ничего не придет, но процесс обучения ничем не отличается от других сфер. Для начала уделите достаточное внимание теоретической базе, а затем переходите к практике.

Для изучения принципов этого направления рекомендую следить за статьями моего блога, где вы найдете множество ценной информации и полезных фишек, которые пригодятся для реализации новых проектов. Через 2–3 месяца стараний и практики, подпитываемых теоретической информацией, уже можно будет выполнить более-менее достойные работы.

Надеюсь, сегодняшняя статья была полезна и помогла вам понять, хотите ли вы стать мастером веб-дизайна или лучше забросить это гиблое дело и пойти таскать кирпичи на стройке. Я бесплатно делюсь ценной информацией, а вы взамен подписывайтесь на мой блог и делитесь ссылкой с друзьями.

В дальнейшем здесь будет выложено еще большее количество полезного контента, который поможет постепенно развиваться в сфере веб-дизайна. До новых встреч.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!

Смотреть видео

webformyself.com

как выбрать направление в дизайне — руководства на Skillbox

Если вы любите работать с ассоциациями, визуальными образами, смыслами, культурным кодом — попробуйте силы в графическом дизайне, иллюстрации или типографике. Это, пожалуй, самое старое направление дизайна: началом графического дизайна можно считать издание первой печатной книги «Алмазная сутра». Ее издали в Китае в 868 году.

Графический дизайн влияет не только на книгоиздание. Его основная задача — создавать эффективную визуальную коммуникацию между бизнесом и его клиентами. Ни один предприниматель или стартап не могут обойтись без логотипа, айдентики или фирменного шрифта. Учитывая развитие рынка и рост борьбы за внимание клиентов, у бизнеса есть запрос на свежие идеи и визуальные решения.

Графический дизайнер — это человек с богатой визуальной культурой. Работа с графикой требует высокой концентрации, умения слушать других и передавать информацию с помощью конкретных образов.

В графическом дизайне множество направлений: типографика, леттеринг, разработка логотипов и айдентики, оформление книг, плакатов и упаковки товаров, проектирование навигации на сайтах и в помещениях. Чтобы определиться, задайте себе следующие вопросы:

преподаватель

Ты обращаешь внимание на шрифт, когда читаешь книгу, смотришь афишу или изучаешь сайт?

преподаватель

Тогда тебе возможно будет интересно попробовать себя в типографике. 

преподаватель

Обращаешь внимание на баннеры на улицах и вывески магазинов, насколько они понятны и привлекательны? Отмечаешь про себя, куда бы зашел, а куда — нет?

Да, всегда так делаю.

преподаватель

Тогда стоит попробовать свои силы в наружной рекламе или UX-дизайне — помогать людям с навигацией.

преподаватель

Сможешь сейчас назвать5 логотипов компаний, которые тебе нравятся? Подмечаешь смысл, в них заложенный, формы, цвета?  

Да, даже пару десятков могу назвать сходу. 

преподаватель

Ого! Скорее всего тебе будет интересно создавать логотипы и шрифты.

В Skillbox есть курс «Графический дизайнер с 0 до PRO» для веб-дизайнеров, иллюстраторов и графических дизайнеров. Вы научитесь разрабатывать фирменный стиль для компаний и продуктов, создавать айдентику — логотипы, брендбуки и полиграфию. Узнаете, как выстраивать правильную коммуникацию с клиентом, сформируете качественное портфолио для получения заказов.

Курс «Графический дизайнер с 0 до PRO»

Станьте графический дизайнером за 8 месяцев. Научитесь создавать логотипы и айдентику и начните работать с клиентами со всего мира.

• Живая обратная связь с преподавателями
• Неограниченный доступ к материалам курса
• Стажировка в компаниях-партнёрах
• Дипломный проект от реального заказчика
• Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Если вам нравится анализировать поведение пользователей и прорабатывать сценарии взаимодействия с сайтами, присмотритесь к UX-дизайну.

UX (англ. user experience) — дословно означает «опыт пользователя». В более широком смысле это понятие включает в себя опыт, который получает пользователь, работая с вашим сайтом или приложением.

Это новое направление дизайна появилось около десяти лет назад, правда, тогда его воспринимали как часть веб-дизайна и не выделяли. Около двух-трех лет назад UX-дизайн сформировался как отдельное направление: стали появляться специализированные образовательные курсы и воркшопы, а компании начали искать в штат UX-дизайнеров.

Популярность UX-дизайна можно объяснить двумя причинами. Во-первых, огромное количество образовательной литературы, бесплатных лекций и вебинаров сделали профессию дизайнера более доступной. Высокая конкуренция мотивирует повышать качество услуг и специализироваться на отдельных аспектах дизайна. Во-вторых, клиенты стали более образованными, осознанными. Если в 2000-х сайты создавали для галочки, сегодня клиент понимает, зачем ему сайт, кто его клиенты и что он хочет получить в итоге.

Так как пользовательский опыт и проектирование интерфейсов нераздельны, почти всегда этим занимается один человек — UX-дизайнер. Он интервьюирует заказчика и будущих пользователей продукта, собирает и анализирует информацию о целевой аудитории заказчика, составляет CJM (англ. Customer Journey Map), карту путешествия потребителя от первого контакта с продуктом до получения услуги, сервиса, результата.

преподаватель

Чтобы проверить, подходит ли тебе UX-дизайн, спроси:

Нравится ли разбираться в том, как цветовые сочетания и оттенки влияют на людей и процесс принятия решений? Почему кнопка «Подтвердить» не может быть красной, а «Отменить» — зеленой?

Волнует ли, насколько удобно будет пользоваться сайтом или приложением? Задаешь ли ты себе вопрос «Почему в этом приложении нужно делать свайп вправо, а не влево? Ведь влево более привычно», когда пользуешься каким-то приложением?

Почему плохо подписывать пользователя на аккаунты в социальных сетях без его согласия?

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

преподаватель

Тебе точно нужно в UX-дизайн!    

Несмотря на растущую популярность направления, в России не так много мест, где можно получить образование в сфере UX. В Skillbox, например, есть курс по UX-дизайну от компании AIC.

Там вы научитесь проектировать удобные, функциональные интерфейсы сайтов и приложений, узнаете не только то, как разрабатывать визуально привлекательные проекты, но и создавать новый положительный опыт пользователей и менять мышление бизнеса об интерфейсах.

Курс «UX-дизайн»

Создавайте эффективные и полезные решения при помощи нового уникального подхода в дизайне. В течение курса вы узнаете, как сделать не просто визуально привлекательные проекты, но и кардинально изменить мышление бизнеса в диджитал, оцифровать любой продукт и сделать его максимально конкурентоспособным.

• Живая обратная связь с преподавателями
• Неограниченный доступ к материалам курса
• Стажировка в компаниях-партнёрах
• Дипломный проект от реального заказчика
• Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Тем, кто обожает разрабатывать визуальные и цветовые решения для сайтов, продумывать поведение элементов на странице, мы советуем развиваться в веб-дизайне.

Веб-дизайн — процесс проектирования и визуализации веб-сайтов: макетов, прототипов и правил анимации. Сегодня считается одним из востребованных направлений дизайна.

В отличие от UX и UI, веб-дизайнер работает уже с обработанными данными. Его задача — предложить наиболее эффективное и подходящее решение на основе информации, которую подготовил UX-дизайнер.

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

Кроме этого, веб-дизайн сочетает работу с графикой, шрифтами и умение проектировать интерфейсы, опираясь на опыт пользователей. 

Сергей Попков

преподаватель

Чтобы понять, близка ли профессия веб-дизайнера, ответь на три вопроса:

Насколько, по-твоему, важна эстетика в интерфейсе сайтов, приложений и других онлайн-сервисов, которыми мы пользуемся?

Если понятия «красиво» и «хороший дизайн» неразделимы в твоем понимании — веб-дизайн точно твое!

Нравится ли тебе систематизировать и структурировать информацию о продукте, составлять инструкции и прорабатывать правила анимации?

Если ответ «да» — иди в веб-дизайн. Здесь все подчинено логике и правилам верстки.

Интересует ли тебя, как другой дизайнер или коллега пришли в тому или иному решению? Как они использовали сетку, чтобы компактно расположить элементы на странице? С помощью каких приемов они создали динамику?

Да, мне все это интересно и важно. Часто просматриваю различные кейсы на Бехансе и Дрибббле, анализирую и стараюсь повторить чужие работы для тренировки. 

преподаватель

В тебе растет отличный веб-дизайнер!

На курсе «Веб-дизайн с 0 до PRO» вы научитесь создавать эффективные дизайн-решения для продуктов и брендов, работать с типографикой и сеткой. Также вы соберете и оформите убедительное портфолио на Behance или собственном сайте. Обучение длится12 месяцев и состоит из двух блоков «Веб-дизайн с нуля» и «Веб-дизайн PRO».

Курс «Веб-дизайн с 0 до PRO»

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

• Живая обратная связь с преподавателями
• Неограниченный доступ к материалам курса
• Стажировка в компаниях-партнёрах
• Дипломный проект от реального заказчика
• Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

skillbox.ru

Рубрика Веб-дизайн | Сайт веб-дизайнера Яны Ходкиной

Привет. Сегодня хочу рассказать вам, почему я перешла из Photoshop в Figma. Вступление Не собиралась писать об этом… Во-первых, мне казалось не сильно важным, в чем

Вы заметили, что в настоящее время спрос на услуги фриланса заметно вырос? И даже крупные компании стали чаще привлекать к своим проектам не веб-студии, а частных специалистов

Перевод материала UX-дизайнера Тараса Скицкого о том, как правильно использовать анимацию в UX. Сейчас трудно кого-то впечатлить анимацией интерфейса. Она показывает

Бесплатные онлайн инструменты являются нормой для современных веб-дизайнеров. Зачем изобретать колесо, если можно сэкономить время, используя бесплатные онлайн сервисы? В сети

Нужны бесплатные текстуры? Сегодня я приготовила для вас подборку сайтов, где можно скачать их бесплатно. Текстуры — это все-таки необходимый компонент в

Как вы знаете, периодически, мне на почту приходят письма с вопросами.  И сегодня я хотела бы дать развернутый ответ на одно из таких писем. Как стать веб дизайнером Вот скрин

Здравствуйте, мои читатели. Сегодня снова хочу затронуть тему оплаты веб дизайна. А именно, почему поэтапная оплата хуже именно для заказчика, а не только для меня. И

Здравствуйте, друзья! Сегодня хочу поговорить про ценообразование на мелкий веб-дизайн. Под мелким дизайном я подразумеваю баннеры, шапки, обложки, визитки и пр. Дело в том,

Продолжаем наполнять блог полезными ресурсами. На этот раз, я приготовила для вас подборку сайтов, где можно скачать бесплатные видео и футажи. Футажи — это слово,

Меня часто спрашивают, чем отличается уникальный дизайн сайта от шаблонного. И чтобы каждый раз не объяснять, решила написать написать об этом. Давайте разбираться — что

yanakhodkina.com

Услуги веб дизайнера | Сайт веб-дизайнера фрилансера Яны Ходкиной

Веб-дизайн и создание сайтов — это основной вид моей деятельности.

Веб-дизайн

Дизайн сайтов

Дизайн многостраничных сайтов – это моя ключевая специализация .

• сайты-визитки
• сайты компаний и корпоративные сайты
• интернет магазины
• сайты каталоги

Условия и цены смотрите здесь >>

Дизайн лендингов

Графический и веб-дизайн

Принимаю заказы на дизайн визиток. Логотипы делаю только как дополнительную услугу к сайтам.

Часто просят разработать дизайн баннера, шапки для сайта, обложки электронных книг и т.д. Сюда же входит оформление соц.профилей (vk, youtube, twitch и др.). Аватарки, меню, шапки…

Если есть свободное время, то беру мелкие заказы. Пишите  с описанием задачи и указанием бюджета.

 

Разработка сайтов

Верстка сайтов и лендингов пока только как дополнительная услуга при заказе дизайна у меня.

Создание сайта

Для тех, кому нужен готовый сайт или лендинг с размещением на вашем хостинге.

Дизайн + адаптивная верстка + система управления сайтами WordPress.

Подробности и цены >>

Консультирую по выбору бесплатно!  Если не можете определиться с сайтом или боитесь не уложиться в бюджет, просто свяжитесь со мной. Обсудим, возможно найдем решение.

 

Платные консультации

Как правило, после создания сайта, я бесплатно предоставляю основные инструкции по управлению WordPress. Объясняю, как писать статьи, добавлять страницы и другие базовые вещи.

Но я не могу после завершения проекта тратить большое количество своего времени на то, чтобы полностью обучить вас администрированию, а уж тем более SEO оптимизации и продвижению вашего нового сайта. Для этого существует бесплатный Google и YouTube, мои статьи на двух блогах.

Поэтому, если вы хотите последующей личной переписки и обучения, тогда я могу предложить вам только платные консультации. Поймите меня правильно. Вас много, я одна. После завершения работы над сайтом, я не могу консультировать вас постоянно и по всем вопросам.

Это отвлекает меня от других проектов. И часто ответы  (особенно со скриншотами и подробными объяснениями) или общение по Скайп, отнимают кучу времени.

Настройка и администрирование WordPress

Стоимость 1 часа консультации по Скайпу или в переписке $25.

Расскажу про интересующие вас функции WordPress, отвечу на ваши вопросы.

Юзабилити, SEO оптимизация и продвижение

Стоимость 1 часа консультации по Скайпу или в переписке $25.

Проведу базовый аудит сайта по юзабилити и SEO, дам рекомендации, отвечу на ваши вопросы.

 

Не забудьте почитать Ответы на часто задаваемые вопросы ⇒

 

Фотография

На данный момент фотосъемкой не занимаюсь.

Ретушь и обработка

Реставрация фото

 

Владею:

• Adobe Photoshop
• Figma/Sketch
• Adobe Illustrator
• Axure RP Pro
• WordPress
• Principle
• Adobe Lightroom

Техническое обеспечение:

• ПК (windows) + 2 монитора
• Macbook air
• Графический планшет Wacom intuos 4
• Фотоаппарат Nikon D800

---

Более 6 лет профессионально занималась фотографией и фотообработкой. Коммерческой фотосъемкой сейчас не занимаюсь!

Фотографирую только для души и в путешествиях. Делюсь фотографиями на страницах этого блога и в Инстаграм.

Что касается ретуши  —  если вам очень надо убрать несколько царапин на фото, то я смогу это сделать за 10-15мин. А значит,  если я не работаю над крупным проектом, то возможно смогу помочь вам. Поэтому, просто напишите и спросите.

Ключевые навыки в фотографии:

• Фотография (свадебная, детская, семейная)
• Пакетная обработка фото (свадьбы, мероприятия и пр.)
• Журнальная и художественная ретушь.
• Реставрация и восстановление поврежденных фото.
• Дизайн верстка и печать красивых фотокниг и фотоальбомов.

yanakhodkina.com

Как сделать дизайн-концепцию сайта

Работа над концепцией делится на четыре стадии: предварительный анализ, разработка, получение фидбека и доработка идеи. У каждого есть свои особенности, которые важно учитывать.

Бриф нужен, чтобы понять, что от вас ждет заказчик и какой визуальный стиль лучше всего подойдет для бизнеса клиента. Работа над концепцией начинается с разговора с клиентом и заполнения брифа на создание сайта. Пример качественного брифа можно посмотреть на сайте CreativePeople.

На встрече обязательно уточните, есть ли у клиента брендбук (утвержденный набор стилей и графических элементов, которые используются во всех материалах клиента). Если да, то вам нужно будет учитывать его при создании цветовой схемы сайта, типографики, иконок и других элементов оформления.

Очень важно выяснить целевую аудиторию сайта: спросите об этом заказчика. Если клиент не может предоставить вам информацию, потратьте немного времени на изучение конкурентов. Так вы лучше сможете понять, какую концепцию нужно создать, какие элементы обязательно добавить и какую стилистику выбрать.

Как только вы разобрались с брифом и поняли, что хочет получить клиент, нужно подготовить мудборд — подборку референсов, изображений, графических элементов и шрифтов, которые могут быть использованы при работе над дизайном. Мудборды помогают согласовать концепцию сайта с заказчиком и объяснить ему, как будет выглядеть сайт. Для создания мудборда лучше всего подходит Pinterest. Советуем поискать не только сайты на такую же тематику, что у вашего клиента, но и затронуть смежные сферы.

На создание мудборда стоит потратить побольше времени, чтобы найти достаточное количество референсов

После подготовки мудборда встретьтесь с заказчиком и обсудите идеи. Это поможет понять, в том ли направлении вы двигаетесь, и продемонстрирует клиенту вашу заинтересованность в проекте.

Проведя пару часов за поиском примеров, дизайнер уже представляет себе, как должен выглядеть сайт. Если у вас уже есть утвержденный прототип, то лучше всего применить свои наработки к нему, чтобы сразу показать клиенту, что он получит.

Дизайн-концепция сайта должна показать клиенту, как будет выглядеть сайт после окончания работы

Если прототипа нет, нужно потратить немного времени, чтобы продумать структуру главной страницы. Все детали вы сможете проработать, когда клиент утвердит концепцию.

Если у клиента есть готовый прототип, то создать дизайн-концепцию проще всего на его основе. Фактически вам нужно лишь оформить уже готовую структуру и наполнить её подходящим контентом.

skillbox.ru

Дизайн сайтов | Сайт веб-дизайнера фрилансера Яны Ходкиной

Уникальный и  эффективный  дизайн с учетом тематики, целевой аудитории вашего проекта и принципов юзабилити.

Точную цену и сроки я смогу назвать вам, видя ваше тех. задание/прототип/заполненный бриф. Чтобы узнать цену типового проекта – воспользуйтесь калькулятором.

Калькулятор стоимости дизайна многостраничного сайта

Дизайн главной страницы

Адаптив главной страницы

Внутренние страницы

 0 1 2 3 4 5 6 7 8 910111213141516

Адаптив внутренних страниц

*Адаптивная верстка на WP

Обращаюсь не первый раз

Надо очень срочно!!!

Стоимость:

^{Цены на сайте не являются публичной офертой.}

*Адаптивная верстка с подключением CMS WordPress является дополнительной услугой и не оказывается отдельно. То есть, верстку чужих макетов мой верстальщик не делает.

При заказе сайта с интеграцией CMS вы получаете полную настройку и базовую SEO оптимизацию.

Экономия

• Всплывающие окна, формы и т.д. бесплатно.
• В дизайне макетов стараюсь использовать иллюстрации с фотостоков, а не из поиска. Доплату за стоковые фото не беру если их не больше 5 шт.
• При заказе сайта с версткой, дизайн всех адаптивов можно не заказывать. Мой программист адаптирует сайт без отрисовки всех состояний. Самостоятельно, с моими устными уточнениями.

Скачать БРИФ на дизайн сайта

Дополнительно читайте: «Сколько стоит дизайн сайта и от чего зависит цена»

---

Подробнее о дизайне

Дизайн сайтов разрабатывается на основе брифа + схемы (прототипа).  Wireframe делаю бесплатно. Прототипирование крупных проектов, оплачивается отдельно. Поэтому, отсутствие прототипа – увеличивает стоимость вашего проекта.

Дизайн многостраничного сайта состоит из главной страницы и нескольких внутренних. Количество внутренних страниц зависит от функционала сайта.

Сайт-визитка обычно состоит из 1-3 страниц. Интернет магазин, имеет много внутренних страниц, таких как корзина, карточка товара, акции и т.д.

Стоимость зависит от количества уникальных по структуре страниц.

Этапы работы

• Изучение предоставленной информации.
• Определение задач, которые сайт должен выполнять.
• Анализ структуры сайта и списка необходимых страниц.
• Проработка навигации и юзабилити сайта в целом.
• Анализ сайтов конкурентов.
• Прототипирование  страниц. Wireframe или прототип. (если не предоставлен заказчиком).
• Макет главной и внутренних страниц в программе Figma.
• Макет адаптивов.

---

Результатом работы будет проект в программе Figma

На данный момент дизайн сайтов в Photoshop не делаю! Только Figma.

• Вы получаете ссылку на проект в программе Figma или файл формата .fig
• UI гайд с состояниями всех активных элементов сайта
• Файлы использованных шрифтов (если требуется)

Этой же ссылкой (на макет), вы делитесь с вашим верстальщиком. Он точно знает, что с этим делать 🙂

Размеры макетов сайтов

По умолчанию, я делаю дизайн сайта под экран 1920px с контентной частью 1200px.

Адаптив под 4 разрешения: 1000px, 768px, 480px, 320px.

Дополнительные разрешения оплачиваются отдельно.

Примеры возможных разрешений:

yanakhodkina.com

Веб-дизайн с 0 до PRO

Делать структурно

Вы узнаете все о сетках, колонках, композиции и декомпозиции, освоите необычные работающие приемы подачи информации на странице.

Делать эффектно

Сможете профессионально работать с типографикой, палитрой, создавать и добавлять в макет 3D-элементы, анимацию.

Правильно готовиться к работе

Научитесь искать идеи, источники вдохновения и референсы, готовить мудборды — быстро и без долгих часов прокрастинации.

Создавать готовый продукт

Поймете, как правильно готовить макет к верстке, и получите знания, облегчающие вливание в команду продуктовой разработки.

Общаться с заказчиком

Сможете составить бриф, узнаете, как вести себя на встрече и как понять, что именно нужно клиенту.

Защищать презентацию

Узнаете, как преподнести свою работу в лучшем виде, и познакомитесь с инструментами для создания презентаций.

skillbox.ru