Веб сайт дизайн: Веб дизайн и создание дизайна сайта

Содержание

Веб-дизайн — Дизайн спасет мир / Хабр

Дизайн спасет мир

Статьи Авторы Компании

Сначала показывать

Порог рейтинга

Уровень сложности

gerasimov_gk

7 часов назад

Время на прочтение 18 мин

Количество просмотров

523

Веб-дизайн *Интерфейсы *Usability *Accessibility *Дизайн

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

Всего голосов 3: ↑3 и ↓0 +3

Комментарии 0

hardclient

11 апр в 10:01

Уровень сложности Средний

Время на прочтение 6 мин

Количество просмотров

551

Веб-дизайн *Интерфейсы *Usability *Разработка под e-commerce *Дизайн

Странице подтверждения заказа часто отводится незаслуженно мало внимания. Но с ее помощью можно решить много задач и создать ценность – как для клиента, так и для компании. Как еще ее использовать? В статье – 30 идей.

Всего голосов 6: ↑3 и ↓3 0

Комментарии 5

santjagocorkez

5 апр в 19:38

Уровень сложности Простой

Время на прочтение 3 мин

Количество просмотров

3.2K

Веб-дизайн *Разработка веб-сайтов *Habr

Обзор

Recovery mode

Пользователи часто спрашивали тёмную тему на Хабре. Насколько мне известно, команда разработчиков в курсе этой потребности, но пока не готова представить реализацию. Тем не менее, она есть.

Смотреть много скриншотов

Всего голосов 23: ↑20 и ↓3 +17

Комментарии 31

Sablime

000Z» title=»2023-03-26, 13:38″>26 мар в 13:38

Уровень сложности Средний

Время на прочтение 11 мин

Количество просмотров

1.9K

Веб-дизайн *IT-инфраструктура *IT-стандарты *Прототипирование *Бизнес-модели *

Туториал

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

Всего голосов 2: ↑2 и ↓0 +2

Комментарии 2

AndrewYaremko

000Z» title=»2023-03-23, 14:55″>23 мар в 14:55

Уровень сложности Простой

Время на прочтение 4 мин

Количество просмотров

2.4K

Веб-дизайн *Интерфейсы *Дизайн

Третьего дня, сдавай дизайны мобильного приложения. «А вы помните, что есть статус бар и чёлка?» — осведомилась менеджер подрядчика. «Юная леди, я с 2006 и разрешения 1024×768 помню, что есть бары операционных систем, окно браузера и бары ввода адреса и управления в нем» — вежливо проинформировал я.

Всего голосов 5: ↑4 и ↓1 +3

Комментарии 2

uxksenia

23 мар в 11:09

Уровень сложности Простой

Время на прочтение 7 мин

Количество просмотров

2.2K

Блог компании РТЛабс Веб-дизайн *Интерфейсы *IT-стандарты *Usability *

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

Всего голосов 18: ↑16 и ↓2 +14

Комментарии 10

AndrewYaremko

000Z» title=»2023-03-22, 00:31″>22 мар в 00:31

Время на прочтение 6 мин

Количество просмотров

2.7K

Веб-дизайн *Типографика *Графический дизайн *Дизайн

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

Всего голосов 13: ↑9 и ↓4 +5

Комментарии 64

nin-jin

20 мар в 11:48

Уровень сложности Простой

Время на прочтение 4 мин

Количество просмотров

6.5K

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *Дизайн мобильных приложений *$mol *

Мнение

Здравствуйте, меня зовут Дмитрий Карловский и я. . нет, я не дизайнер. Так что не стоит воспринимать мои слова всерьёз. Я просто пользователь. И у меня пригорает от популярных дизайнерских решений, бездумно копируемых из одного приложения в другое..

Я надел огнеупорное бельё и готов внимать

Всего голосов 40: ↑28 и ↓12 +16

Комментарии 74

Sashaprst

18 мар в 15:01

Уровень сложности Простой

Время на прочтение 3 мин

Количество просмотров

1.6K

Веб-дизайн *Интерфейсы *Usability *Agile *Дизайн

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

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

Всего голосов 7: ↑2 и ↓5 -3

Комментарии 4

Web_Diva

17 мар в 18:22

Уровень сложности Средний

Время на прочтение 4 мин

Количество просмотров

7.6K

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *IT-стандарты *Дизайн

Туториал

Из песочницы

Рассказываю как я структурирую макеты дизайна сайта.

Тык!

Всего голосов 10: ↑7 и ↓3 +4

Комментарии 13

Iskorkin

17 мар в 11:22

Уровень сложности Средний

Время на прочтение 6 мин

Количество просмотров

3. 9K

Веб-дизайн *JavaScript *Программирование *ReactJS *

Рабочее пространство в нашем приложении представляет собой бесконечную доску, по которой могут перемещаться ноды. Необходимо реализовать масштабирование этого пространства и перемещение по нему. Все это мы делаем без использования Canvas, так как приложение построено на React, в дизайн-системе используется antd, а ноды могут быть огромными формами. Согласитесь, реализовывать такие интерфейсы было бы гораздо сложнее, не будь у нас доступа к нативным средствам HTML-5.

Всего голосов 13: ↑13 и ↓0 +13

Комментарии 3

sametea

15 мар в 21:41

Уровень сложности Средний

Время на прочтение 6 мин

Количество просмотров

1.9K

Веб-дизайн *Дизайн мобильных приложений *Исследования и прогнозы в IT *Монетизация мобильных приложений *Дизайн

Туториал

Дизайнеры стремятся сделать красивый и удобный интерфейс.

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

В этой статье я расскажу, как свести споры к минимуму, а разработку проще и быстрее.

Читать далее →

Всего голосов 1: ↑1 и ↓0 +1

Комментарии 2

AndrewYaremko

13 мар в 02:32

Уровень сложности Простой

Время на прочтение 3 мин

Количество просмотров

30K

Веб-дизайн *Бизнес-модели *Дизайн Мозг Биология

Теперь, заходя в одну из сетей общественного питания, я беру кофе 200 миллилитров, а не 300. И каждый раз улыбаюсь себе с упреком, что «гуру» интерфейсных манипуляций понадобилось полгода, чтобы увидеть этот паттерн. Теперь этот пример украшает мои лекции, в основе которых два постулата: дизайн — это про деньги и хороший дизайн возможен только с фундаментальной научной базой.

Всего голосов 69: ↑61 и ↓8 +53

Комментарии 90

honyaki

8 мар в 23:39

Уровень сложности Средний

Время на прочтение 15 мин

Количество просмотров

3.9K

Блог компании SkillFactory Веб-дизайн *Разработка веб-сайтов *CSS *

Туториал

Перевод

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

Функция color-contrast() используется для удобства чтения, придания необходимого контраста между текстом и фоном на веб-странице. Это особенно важно для людей с нарушениями зрения, которым трудно прочитать текст с низким контрастом.

Читать дальше →

Рейтинг 0

Комментарии 3

Iskorkin

3 мар в 18:32

Уровень сложности Средний

Время на прочтение 5 мин

Количество просмотров

Веб-дизайн *JavaScript *Программирование *Работа с векторной графикой *HTML *

Из песочницы

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

Всего голосов 36: ↑36 и ↓0 +36

Комментарии 16

Bright_Translate

000Z» title=»2023-03-03, 16:00″>3 мар в 16:00

Уровень сложности Простой

Время на прочтение 6 мин

Количество просмотров

17K

Блог компании RUVDS.com Веб-дизайн *Разработка веб-сайтов *CSS *

Перевод

Хотите войти в веб-разработку, но не знаете, с чего начать? Освоение CSS станет отличным стартом и, к счастью для вас, в сети существует огромное количество учебных ресурсов.
Мы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.

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

Так что пристегните ремни и приступайте к написанию кода!

Читать дальше →

Всего голосов 45: ↑45 и ↓0 +45

Комментарии 5

lizapris

000Z» title=»2023-03-02, 10:15″>2 мар в 10:15

Уровень сложности Простой

Время на прочтение 6 мин

Количество просмотров

1.2K

Веб-дизайн *Дизайн мобильных приложений *Дизайн

Из песочницы

Дизайн-спринты: как они помогут вашей команде и лично вам

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

Всего голосов 7: ↑7 и ↓0 +7

Комментарии 0

LaNaite

24 фев в 17:45

Уровень сложности Простой

Время на прочтение 9 мин

Количество просмотров

1.6K

Веб-дизайн *Анализ и проектирование систем *Интерфейсы *Дизайн мобильных приложений *Интервью

Туториал

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

Всего голосов 6: ↑1 и ↓5 -4

Комментарии 4

Bright_Translate

24 фев в 16:00

Уровень сложности Средний

Время на прочтение 17 мин

Количество просмотров

11K

Блог компании RUVDS.com Веб-дизайн *CSS *HTML *

Перевод

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

Термин «отзывчивый» сегодня отражает уже очень многое. У нас есть медиа-запросы, которые проверяют пользовательские настройки, а также современные возможности CSS, которые помогают создавать отзывчивые макеты вообще без использования медиа-запросов. Отзывчивость нынче изменилась, и мы живём в поистине прекрасное время.

Читать дальше →

Всего голосов 65: ↑61 и ↓4 +57

Комментарии 26

skillfactory_school

23 фев в 23:30

Уровень сложности Средний

Время на прочтение 11 мин

Количество просмотров

4.9K

Блог компании SkillFactory Веб-дизайн *Разработка веб-сайтов *CSS *

Туториал

Перевод

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

Но для начала… ещё одна статья о градиентных тенях? Серьёзно?

Читать дальше →

Всего голосов 12: ↑12 и ↓0 +12

Комментарии 4

Курсы Веб-дизайн в Специалисте

Веб-дизайн

Основы веб-технологий

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

Для веб-дизайнеров Школа дизайна «Специалист» предлагает курсы веб-дизайна и юзабилити, Adobe Animate и Photoshop.

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

Школа дизайна «Специалист» предлагает Вам овладеть HTML5 — популярнейшим языком веб-разметки.

Курсы веб-дизайна в «Специалисте» одобрены комиссией по веб-разработке РАЭК.

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

Присоединяйтесь к их сообществу!

*Школа дизайна — подразделение Учебного Центра «Специалист»

27.05.2023
Другие даты

Дипломная программа — 264 ак.ч
Веб — дизайнер со знанием юзабилити (UX/UI)
Продолжительность: от 3 до 6 месяцев
Один курс в подарок!

Черникович

Илья

Николаевич

Читать отзывы

120 990 ₽
161 930 ₽
136 790 ₽
182 430 ₽
% Доступно в рассрочку и кредит
27. 05.2023
Другие даты

Дипломная программа — 336 ак.ч
UX/UI — дизайнер. Разработка веб — интерфейсов с использованием Figma 2.0
Продолжительность: от 4 до 8 месяцев
Один курс в подарок!

Черникович

Илья

Николаевич

Читать отзывы

157 390 ₽
209 920 ₽
178 790 ₽
238 420 ₽
% Доступно в рассрочку и кредит
16. 04.2023
Другие даты

Дипломная программа — 274 ак.ч
Фронтенд — разработчик
Продолжительность: от 3 до 6 месяцев
Один курс в подарок!

Тарасов

Алексей

Владимирович

Читать отзывы

129 290 ₽
172 430 ₽
149 490 ₽
199 430 ₽
% Доступно в рассрочку и кредит
16.04.2023
Другие даты

Комплексная программа — 124 ак. ч
Веб — дизайнер
Вы экономите 33% стоимости третьего курса!

Тарасов

Алексей

Владимирович

Читать отзывы

60 690 ₽
71 470 ₽
69 990 ₽
82 470 ₽
16.04.2023
Другие даты

Комплексная программа — 140 ак.ч
Веб — дизайнер + Usability
Вы экономите 37% стоимости третьего курса!

Тарасов

Алексей

Владимирович

Читать отзывы

77 690 ₽
91 470 ₽
89 990 ₽
105 970 ₽
14. 05.2023
Другие даты

Комплексная программа — 92 ак.ч
Специалист по Adobe Photoshop СС
Вы экономите 49% стоимости третьего курса!

Морозов

Кирилл

Владимирович

Читать отзывы

53 490 ₽
62 970 ₽
55 590 ₽
65 470 ₽
16.04.2023
Другие даты

Курс — 44 ак.ч
Уровень 1. Создание сайтов на HTML 5 и СSS 3″> HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3

Тарасов

Алексей

Владимирович

Читать отзывы

21 490 ₽
24 990 ₽
14.05.2023
Другие даты

Курс — 32 ак.ч
Adobe Photoshop CC для MAC и PC. Уровень 1. Растровая графика

Морозов

Кирилл

Владимирович

Читать отзывы

17 490 ₽
18 490 ₽
15. 04.2023
Другие даты

Курс — 24 ак.ч
Создание лендингов в конструкторе «Тильда»

Самбурский

Станислав

Евгеньевич

Читать отзывы

19 490 ₽
22 990 ₽
05.06.2023
Другие даты

Курс — 16 ак.ч
Дизайн — мышление

Тимина

Татьяна

Анатольевна

Читать отзывы

10 990 ₽
12 990 ₽
22. 05.2023
Другие даты

Курс — 36 ак.ч
HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки

Павлов

Юрий

Евгеньевич

Читать отзывы

26 990 ₽
28 990 ₽
24.04.2023
Другие даты

Курс — 8 ак.ч
Практикум по созданию сайта: верстка страницы

Тарасов

Алексей

Владимирович

Читать отзывы

9 990 ₽
10 990 ₽
14. 05.2023
Другие даты

Курс — 30 ак.ч
Adobe Photoshop СС/CS6 для MAC и PC. Уровень 2. Профессиональная ретушь

Морозов

Кирилл

Владимирович

Читать отзывы

19 490 ₽
21 490 ₽
14.05.2023
Другие даты

Курс — 24 ак.ч
Публикация изображений (печать и web)»> Adobe Photoshop СС/CS6. Уровень 3. Публикация изображений (печать и web)

Морозов

Кирилл

Владимирович

Читать отзывы

19 490 ₽
19 490 ₽
22.05.2023
Другие даты

Курс — 48 ак.ч
Веб — дизайн. Визуальное оформление и верстка сайтов

Павлов

Юрий

Евгеньевич

Читать отзывы

32 490 ₽
38 990 ₽
22. 05.2023
Другие даты

Курс — 36 ак.ч
Figma для UI/UX дизайнера

Павлов

Юрий

Евгеньевич

Читать отзывы

23 990 ₽
26 490 ₽
15.04.2023
Другие даты

Курс — 24 ак.ч
Дизайн интерфейсов в программе Adobe XD

Павлов

Юрий

Евгеньевич

Читать отзывы

12 990 ₽
14 490 ₽
22. 05.2023
Другие даты

Курс — 32 ак.ч
Дизайн интерфейсов в программе Sketch

Павлов

Юрий

Евгеньевич

Читать отзывы

25 990 ₽
26 990 ₽
17.06.2023
Другие даты

Курс — 36 ак.ч
Adobe Animate 2023. Анимация и баннеры.

Черникович

Илья

Николаевич

Читать отзывы

18 990 ₽
21 990 ₽
17.04.2023
Другие даты

Курс — 48 ак.ч
Юзабилити сайтов. Проектирование веб — интерфейсов

Павлов

Юрий

Евгеньевич

Читать отзывы

33 700 ₽
41 990 ₽
27. 05.2023
Другие даты

Курс — 24 ак.ч
Основы дизайна

Черникович

Илья

Николаевич

Читать отзывы

11 990 ₽
12 990 ₽

веб-дизайнов, тем, шаблонов и графических элементов для загрузки на Dribbble

Посмотреть агентство / Дизайн веб-сайта
Агентство / дизайн веб-сайта
Посмотреть дизайн портфолио
Дизайн портфолио
Просмотр веб-сайта цифрового агентства
Сайт цифрового агентства
Посмотреть концепцию дизайна домашней страницы Marketcapital
Концепция дизайна домашней страницы Marketcapital
Посмотреть концепцию заголовка Hero
Концепция заголовка героя
Посмотреть веб-сайт / 3D-иллюстрацию
Веб-сайт / 3D-иллюстрация
Посмотреть веб-сайт технологической компании
Сайт технической компании
Посмотреть 🥳 CommandBar
🥳 CommandBar
View Управление командой: веб-дизайн, лендинг
Управление командой: веб-дизайн, целевая страница
Посмотреть концепцию редизайна веб-сайта Momatu
Концепция редизайна веб-сайта Momatu
Просмотр дизайна веб-сайта: целевая страница
Дизайн веб-сайта: целевая страница
Посмотреть сайт маркетингового агентства Growfast!
Growfast- Сайт маркетингового агентства!
Просмотреть Fintory — новый веб-сайт
Финтори — Новый сайт
Посмотреть домашнюю страницу Landify
Домашняя страница Landify
Посмотреть Chalatix — целевую страницу агентства креативного дизайна
Chalatix — Агентство креативного дизайна Landing Page
Посмотреть дизайн целевой страницы недвижимости
Дизайн целевой страницы недвижимости
Посмотреть дизайн целевой страницы Smilewallet
Дизайн целевой страницы Smilewallet
Посмотреть целевую страницу цифрового агентства
Целевая страница Digital Agency
Посмотреть веб-дизайн агентства
Агентство веб-дизайна
Посмотреть дизайн веб-сайта для ProAgenda
Дизайн веб-сайта для ProAgenda
Посмотреть домашнюю страницу сайта Tinloof
Домашняя страница веб-сайта Tinloof
Посмотреть веб-дизайн дронов
Веб-дизайн дронов
Посмотреть ✨ РепроКоннект ✨
✨ РепроКоннект ✨
View Das Grüne — Агентство креативного дизайна Адаптивная страница веб-сайта
Das Grüne — Агентство креативного дизайна Адаптивная страница веб-сайта

Зарегистрируйтесь, чтобы продолжить или войдите

Загрузка еще…

инструмент для совместной разработки интерфейсов.

Figma: инструмент для совместной разработки интерфейсов.0005

онлайн -белая доходная площадь.

ВойтиНачать работу

Начать работу

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

Начало работы

Самый быстрый способ перейти от идеи к реальности

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

Вместе изучайте идеи

Диаграммы, стикеры и мастер-классы в FigJam — интерактивной доске, где вы и ваша команда можете проводить мозговые штурмы на открытом воздухе.

Познакомьтесь с FigJam

Создать. Повторить. Повторить.

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

Изучите функции

Мощные системы проектирования

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

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

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

Переходите от передачи вопросов разработчикам к непрерывным разговорам на одном языке между проектировщиками и разработчиками.

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

Шон Лам, руководитель отдела дизайна, Zoom

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

Просматривайте все истории клиентов

Присоединяйтесь к сообществу

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

Веб-дизайн — Дизайн спасет мир / Хабр