«Чтение – вот лучшее учение», – гласит русская пословица.
Сегодня подборка книг для веб дизайнеров.
1. "Ководство" Артемий Лебедев.
Книга для веб и граф дизайнеров, для новичков вебе просто обязательна. Книга о правилах в веб среде, визуализации, типографики, правописании в интернете, о базовых понятиях ui и немного про общение с клиентами.
2. "Дизайн: форма и хаос" Пол Рэнд
Книга о дизайне в широком смысле. Автор рассказывает о современных тенденциях и призывает учиться у классиков, да и вообще - постоянно учиться.
3. "Эмоциональный веб-дизайн" Аарон Уолтер
Если хотите, чтобы ваши проекты вызывали удивление и восторг, обязательно прочтите эту книгу.
Книга выстроена на основе реальных примеров сайтов. Рассматриваются разные подходы к дизайну, их плюсы и минусы, а также реальные выгоды, которые получили владельцы сайтов.
4. "Профессия иллюстратор" Наталья Ратовски
Книга о том, как научиться видеть и мыслить, работать продуктивно и постоянно. И о том как верить в себя и свой талант.
А что читаете вы?
Сегодня подборка книг для веб дизайнеров.
1. "Ководство" Артемий Лебедев.
Книга для веб и граф дизайнеров, для новичков вебе просто обязательна. Книга о правилах в веб среде, визуализации, типографики, правописании в интернете, о базовых понятиях ui и немного про общение с клиентами.
2. "Дизайн: форма и хаос" Пол Рэнд
Книга о дизайне в широком смысле. Автор рассказывает о современных тенденциях и призывает учиться у классиков, да и вообще - постоянно учиться.
3. "Эмоциональный веб-дизайн" Аарон Уолтер
Если хотите, чтобы ваши проекты вызывали удивление и восторг, обязательно прочтите эту книгу.
Книга выстроена на основе реальных примеров сайтов. Рассматриваются разные подходы к дизайну, их плюсы и минусы, а также реальные выгоды, которые получили владельцы сайтов.
4. "Профессия иллюстратор" Наталья Ратовски
Книга о том, как научиться видеть и мыслить, работать продуктивно и постоянно. И о том как верить в себя и свой талант.
А что читаете вы?
Фильмы о дизайне
1. Абстракция: Искусство дизайна
Сериал от Netflx. Каждая серия посвящена дизайнеру и отрасли, в которой он работает. Они рассказывают про работу, методологию, подход. В сериале показаны также связь дизайна с жизнью и влияние на нее.
2. Гельветика
Фильм о типографике, графическом дизайне и визуальной культуре в целом. В фильме рассматривается общий вопрос о том, как шрифт влияет на нашу жизнь.
"Гельветика" замыкает кольцо в мир графического дизайна, рекламы, психологии и коммуникации.
3. Гений дизайна
Проек о тех, кто в условиях современностей занят совершенствованием изделий самого разного назначения, добиваясь гармонии содержания и формы.
Рассказывает об истории дизайна, об изобретениях, которые изменили современную жизнь.
4. Имз: архитектор и художник
Документальный фильм о Чарльзе и Рей Имз из США.
Супруги Имз - знаменитые дизайнеры Америки, сыгравшие большую роль в промышленном дизайне, и перевернувшие повседневную жизнь американцев. Создали мебель из стекловолокна и фанеры.
1. Абстракция: Искусство дизайна
Сериал от Netflx. Каждая серия посвящена дизайнеру и отрасли, в которой он работает. Они рассказывают про работу, методологию, подход. В сериале показаны также связь дизайна с жизнью и влияние на нее.
2. Гельветика
Фильм о типографике, графическом дизайне и визуальной культуре в целом. В фильме рассматривается общий вопрос о том, как шрифт влияет на нашу жизнь.
"Гельветика" замыкает кольцо в мир графического дизайна, рекламы, психологии и коммуникации.
3. Гений дизайна
Проек о тех, кто в условиях современностей занят совершенствованием изделий самого разного назначения, добиваясь гармонии содержания и формы.
Рассказывает об истории дизайна, об изобретениях, которые изменили современную жизнь.
4. Имз: архитектор и художник
Документальный фильм о Чарльзе и Рей Имз из США.
Супруги Имз - знаменитые дизайнеры Америки, сыгравшие большую роль в промышленном дизайне, и перевернувшие повседневную жизнь американцев. Создали мебель из стекловолокна и фанеры.
Очень простой способ, как определить верно ли вы подобрали шрифт к своему проекту.
⠀
Иногда так бывает, что мы проанализировали эмоции, ассоциации и все равно сомневаемся в выборе шрифта. Самый простой способ поставить точку в своих сомнениях это взять сильное тематическое изображение (необязательно из тех, которые предоставляет клиент), написать словосочетание в контексте вашего проекта и "соединить" эти два элемента. Обычно сразу все становится понятно , а если добавить цвета, то выбор станет еще более очевидным.
⠀
PS: если наоборот хочется добиться контраста, то этот способ тоже подойдет
А за какой вариант вы: 1 или 2?
⠀
Иногда так бывает, что мы проанализировали эмоции, ассоциации и все равно сомневаемся в выборе шрифта. Самый простой способ поставить точку в своих сомнениях это взять сильное тематическое изображение (необязательно из тех, которые предоставляет клиент), написать словосочетание в контексте вашего проекта и "соединить" эти два элемента. Обычно сразу все становится понятно , а если добавить цвета, то выбор станет еще более очевидным.
⠀
PS: если наоборот хочется добиться контраста, то этот способ тоже подойдет
А за какой вариант вы: 1 или 2?
Этапы разработки сайта
⠀
Если Вам написали с желанием создать сайт, а что дальше?
⠀
1. Знакомство и обсуждение проекта
На этом этапе заказчик рассказывает о своем проекте, какие задачи должен решить сайт. Вы задаете все необходимые вопросы чтобы понять: объем работы, сроки реализации проекта, его стоимость. Составляете техническое задание, файл, в котором собраны все требования по разработке сайта. Дальше заключение договора и предоплата.
⠀
2. Прототипирование
На основе технического задания Вы разрабатываете схематичный прототип сайта, в котором будет прослеживаться логика пользователя. Утверждаете его, по необходимости вносите правки.
⠀
3. Дизайн-концепция первых двух блоков
В первом этапе Вы можете попросить заказчика прислать сайты, которые нравятся и рассказать подробно какие решения нравятся, какие цветовые сочетания, какое настроение. На основе этого, разрабатываете 2 дизайн-концепции первых двух блоков, чтобы заказчик смог выбрать.
⠀
4. На основе утвержденной дизайн концепции делаете дизайн всего остального сайта и демонстрируете его заказчику.
⠀
5. Согласовав окончательный дизайн, адаптируете его под все устройства, тестируете, настраиваете функциональность. Отправляете ссылку на готовый проект. После утверждения и отправления второй части оплаты, вы переносите сайт на аккаунт заказчика, делаете финальные настройки и запускаете сайт в работу.
А вы работаете по такой схеме?
⠀
Если Вам написали с желанием создать сайт, а что дальше?
⠀
1. Знакомство и обсуждение проекта
На этом этапе заказчик рассказывает о своем проекте, какие задачи должен решить сайт. Вы задаете все необходимые вопросы чтобы понять: объем работы, сроки реализации проекта, его стоимость. Составляете техническое задание, файл, в котором собраны все требования по разработке сайта. Дальше заключение договора и предоплата.
⠀
2. Прототипирование
На основе технического задания Вы разрабатываете схематичный прототип сайта, в котором будет прослеживаться логика пользователя. Утверждаете его, по необходимости вносите правки.
⠀
3. Дизайн-концепция первых двух блоков
В первом этапе Вы можете попросить заказчика прислать сайты, которые нравятся и рассказать подробно какие решения нравятся, какие цветовые сочетания, какое настроение. На основе этого, разрабатываете 2 дизайн-концепции первых двух блоков, чтобы заказчик смог выбрать.
⠀
4. На основе утвержденной дизайн концепции делаете дизайн всего остального сайта и демонстрируете его заказчику.
⠀
5. Согласовав окончательный дизайн, адаптируете его под все устройства, тестируете, настраиваете функциональность. Отправляете ссылку на готовый проект. После утверждения и отправления второй части оплаты, вы переносите сайт на аккаунт заказчика, делаете финальные настройки и запускаете сайт в работу.
А вы работаете по такой схеме?
5 полезных игр для дизайнеров
Расслабляетесь за игрой? ловите подборку игр, которые помогут улучшить навыки.
📌 Kern Type
⠀
Кернинг — это подбор межбуквенных интервалов для конкретных пар букв с целью улучшения внешнего вида и удобочитаемости текста. Процесс этот достаточно сложен и требует отличного глазомера. Вы можете потренироваться в этом деле с помощью Kern Type.
⠀
📌 Shape Type
⠀
Ещё одна игра для любителей типографики. Цель – вернуть буквам их настоящий вид. В качестве подсказки указывается название шрифта.
⠀
📌 COLOR: a color matching game
⠀
Как быстро вы сможете подобрать требуемый оттенок на цветовом круге? А сразу несколько оттенков? P.s. игра на время ⏲
⠀
📌 The Bézier Game
⠀
Хотите быть гуру в использовании Pen Tool ( "Перо" ), тогда оттачивайте свои навыки в The Bézier Game, сопровождаются обучающими роликами, смотрите и старайтесь максимально точно повторить все действия.
⠀
📌 Odd One Out
⠀
Для тех у кого глаз 💎. Насколько хорошо вы можете воспринимать самые тончайшие оттенки? В ней вам предстоит быстро находить тот единственный квадратик, который отличается от остальных.
Знаете что-то интересное еще? Делитесь в комментариях!
Расслабляетесь за игрой? ловите подборку игр, которые помогут улучшить навыки.
📌 Kern Type
⠀
Кернинг — это подбор межбуквенных интервалов для конкретных пар букв с целью улучшения внешнего вида и удобочитаемости текста. Процесс этот достаточно сложен и требует отличного глазомера. Вы можете потренироваться в этом деле с помощью Kern Type.
⠀
📌 Shape Type
⠀
Ещё одна игра для любителей типографики. Цель – вернуть буквам их настоящий вид. В качестве подсказки указывается название шрифта.
⠀
📌 COLOR: a color matching game
⠀
Как быстро вы сможете подобрать требуемый оттенок на цветовом круге? А сразу несколько оттенков? P.s. игра на время ⏲
⠀
📌 The Bézier Game
⠀
Хотите быть гуру в использовании Pen Tool ( "Перо" ), тогда оттачивайте свои навыки в The Bézier Game, сопровождаются обучающими роликами, смотрите и старайтесь максимально точно повторить все действия.
⠀
📌 Odd One Out
⠀
Для тех у кого глаз 💎. Насколько хорошо вы можете воспринимать самые тончайшие оттенки? В ней вам предстоит быстро находить тот единственный квадратик, который отличается от остальных.
Знаете что-то интересное еще? Делитесь в комментариях!
Для чего любому сайту нужна страница 404?
Страница 404 говорит нам о том, что мы ввели неправильный URL, то есть имя сайта. Это может быть по причине того что пользователь ввёл имя сайта по памяти и ошибся с написанием, либо же у вашего сайта была страница, которая удалена на данный момент, но все ещё индексируется в поисковых системах, а пользователь перешёл по ней и попал опять же на страницу ошибки.
Самая главная причина, почему страница 404 нужна - это увеличение конверсии сайта.
Создавая эту страницу, вы помогаете пользователю не пугаться ошибки, а ставите ссылку с переходом на вашу главную страницу, либо располагаете в шапке страницы полную навигацию по сайту, тем самым удерживая пользователя на сайте.
Страница 404 говорит нам о том, что мы ввели неправильный URL, то есть имя сайта. Это может быть по причине того что пользователь ввёл имя сайта по памяти и ошибся с написанием, либо же у вашего сайта была страница, которая удалена на данный момент, но все ещё индексируется в поисковых системах, а пользователь перешёл по ней и попал опять же на страницу ошибки.
Самая главная причина, почему страница 404 нужна - это увеличение конверсии сайта.
Создавая эту страницу, вы помогаете пользователю не пугаться ошибки, а ставите ссылку с переходом на вашу главную страницу, либо располагаете в шапке страницы полную навигацию по сайту, тем самым удерживая пользователя на сайте.
Сколько параллельно проектов Вы делаете?💪🏼
1, люблю концентрироваться на чем-то одном - 26
👍👍👍👍👍👍👍👍 59%
2-3, люблю многозадачность - 10
👍👍👍👍 23%
все, что меньше 4 для слабаков) - 8
👍👍👍 18%
👥 44 человека уже проголосовало.
1, люблю концентрироваться на чем-то одном - 26
👍👍👍👍👍👍👍👍 59%
2-3, люблю многозадачность - 10
👍👍👍👍 23%
все, что меньше 4 для слабаков) - 8
👍👍👍 18%
👥 44 человека уже проголосовало.
This media is not supported in your browser
VIEW IN TELEGRAM
Single page scroll navigation - Mysta tattoo artist portfolio
Added by Awwwards to The Best of Navigation
Added by Awwwards to The Best of Navigation
Редизайн сайта
Есть масса причин для редизайна сайта, но основными остаются:
- ребрендинг;
- изменение стратегии бизнеса;
- неактуальность текущего дизайна.
Обычно именно неактуальность дизайна является решающей причиной для редизайна. И дело чаще не в давности создания, а в дешевой работе.
Стоит помнить, что дизайн - это не картинка, это маркетинг.
Сталкивались в работе с редизайном сайтов?
Есть масса причин для редизайна сайта, но основными остаются:
- ребрендинг;
- изменение стратегии бизнеса;
- неактуальность текущего дизайна.
Обычно именно неактуальность дизайна является решающей причиной для редизайна. И дело чаще не в давности создания, а в дешевой работе.
Стоит помнить, что дизайн - это не картинка, это маркетинг.
Сталкивались в работе с редизайном сайтов?
Что портит ваш сайт?
⠀
Короткий, но очень полезный пост 🔥
⠀
1️⃣ Дефолтные черно-белые иконки
Практически на каждом сайте можно увидеть стоковые иконки черного цвета.
Ребят, не надо их использовать, лучше вообще без иконок, чем с такими. Хорошие, прорисованные иконки (или хотя бы иконки не из первой строки выдачи) в подходящем цвете придают сайту информативность и отлично смотрятся.
⠀
2️⃣ Неправильно подобранный шрифт
Запомните, что правильно подобранный шрифт = 50% успеха.
⠀
3️⃣ Маленькие отступы между контентом
Маленькие отступы = мало воздуха;
Мало воздуха = нечем дышать;
Нечем дышать = уходим с сайта...
⠀
А вам оно надо, чтобы с вашего сайта бежали? 😅
⠀
Короткий, но очень полезный пост 🔥
⠀
1️⃣ Дефолтные черно-белые иконки
Практически на каждом сайте можно увидеть стоковые иконки черного цвета.
Ребят, не надо их использовать, лучше вообще без иконок, чем с такими. Хорошие, прорисованные иконки (или хотя бы иконки не из первой строки выдачи) в подходящем цвете придают сайту информативность и отлично смотрятся.
⠀
2️⃣ Неправильно подобранный шрифт
Запомните, что правильно подобранный шрифт = 50% успеха.
⠀
3️⃣ Маленькие отступы между контентом
Маленькие отступы = мало воздуха;
Мало воздуха = нечем дышать;
Нечем дышать = уходим с сайта...
⠀
А вам оно надо, чтобы с вашего сайта бежали? 😅
Какие типы сайтов у Вас заказывают чаще всего?
Лендинг - 12
👍👍👍 24%
Интернет-магазин - 2
👍 4%
Новичок, еще не было заказов - 36
👍👍👍👍👍👍👍👍 72%
👥 50 человек уже проголосовало.
Лендинг - 12
👍👍👍 24%
Интернет-магазин - 2
👍 4%
Новичок, еще не было заказов - 36
👍👍👍👍👍👍👍👍 72%
👥 50 человек уже проголосовало.