Рубрика «веб-дизайн» - 12

в 10:31, , рубрики: IT-стандарты, веб-дизайн, возможно кто-то узнает здесь себя, интерфейсы, Монетизация веб-сервисов, Разработка веб-сайтов, сарказм

Веб стремительно меняется, не отставай и ты!

Как делать сайты в 2019 году - 1

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

Давайте-ка шаг за шагом разберём важнейшие принципы веб-дизайна в 2019 году.

Обязательно дайте пользователю знать, что у сайта есть мобильная версия

Это важнейший принцип, и на то есть свои причины. Фокус-группы, на которые мы уже потратили кучу денег, показали что первое же, чего захочет пользователь попав на ваш сайт — установить мобильное приложение.

Ну а кратчайший путь к этому — показать здоровенное модальное окно:

Как делать сайты в 2019 году - 2

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

Совет: Если у вас нет мобильного приложения, не беда! Просто запихните весь сайт в  webview с отключенной безопасностью и пишите, что это мобильное приложение!

Читать полностью »

в 8:36, , рубрики: 3d-моделирование, e-commerce, glTF, html, html5, three.js, verge3d, web-разработка, WebGL, веб-дизайн, оптимизация, Разработка веб-сайтов, Разработка под e-commerce

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

Оптимизируем ассеты для WebGL правильно - 1
Читать полностью »

в 6:00, , рубрики: css, gray, grey, IT-стандарты, веб-дизайн, Разработка веб-сайтов, трудности именования

Из-за чего тёмно-серый светлее чем серый в CSS - 1

Вы, наверное, никогда не обращали внимания на такую мелочь, но в вашем браузере есть заранее определённые цвета, которые являются не тем, чем кажутся. Если бы я сказал вам, что названия образцов выше это LightGray, Gray и DarkGray, какому бы из цветов вы сопоставили каждое название?

Читать полностью »

в 12:23, , рубрики: usability, Блог компании Mail.Ru Group, веб-дизайн, дизайн интерфейсов, дизайн мобильных приложений, интерфейсы, пользовательские интерфейсы, продуктовый дизайн
Дайджест продуктового дизайна, май 2019

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-апрель 2019.
Читать полностью »

в 19:33, , рубрики: css, html, web-разработка, веб-дизайн, Разработка веб-сайтов

Привет! Хочу поделиться своими мыслями о самых популярных площадках для изучения веб-разработки HTML Academy, Codecademy, FreeCodeCamp (мне бы хотелось прочитать подобную статью, когда я только начинала учиться веб-разработке самостоятельно).

*Данный обзор является моим субъективным видением и не претендует на истину в первой инстанции.

Немного предыстории. Я начала изучать основы HTML и CSS в декабре 2018 года с нуля и понятия не имела, с чего же собственно начать. Говоря “с нуля” я не преувеличиваю. У меня не было никакого опыта в программировании. Совсем. Как быть человеку, не имеющего представления о том, где найти материал для изучения? Пойти на курсы, скажете вы. Возможно, будете правы. Но давайте посмотрим правде в глаза. Большинство курсов, особенно на русском языке, не дают никакой информации, которую нельзя найти в интернете самостоятельно. Да и к тому же, они не дают никаких гарантий. А без гарантий и самому можно погуглить. Что я и сделала. Главным критерием для меня была бесплатность (ну или частичная бесплатность) ресурса. Я просмотрела тонны информации в интернете, прочитала километры постов разных авторов об их мега-успешном опыте и, как результат, запуталась в этом всем еще больше. Однако практически все ресурсы на русском языке сходились в одном – изучать основы синтаксиса нужно на HTML-академии. С этого я и начала.Читать полностью »

в 15:33, , рубрики: веб-дизайн, графический дизайн, дайджест, дизайн, дизайн интерфейсов, типографика

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

Одайджест: интересное для дизайнеров за неделю - 1
Читать полностью »

в 16:50, , рубрики: usability, веб-дизайн, дизайн, интерфейсы, мозг, научные исследования, проектирование, проектирование интерфейсов, психология, психология влияния, эксперименты

Э — Эксперимент. Или как наука помогает проектировать интерфейсы - 1

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

Описанные эксперименты не новы, но их актуальность сохраняется и в наши дни.

Кому-то они будут уже знакомы, под тем или иным соусом. Кто-то найдет для себя что-то новое, ну а кто-то, возможно, не найдет вообще ничего.

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

в 8:19, , рубрики: css, frontendconf, ritconf, ritfest, Блог компании Конференции Олега Бунина (Онтико), веб-дизайн, конференции, Программирование

Привет!

Я руковожу Программным комитетом конференции FrontendConf и хочу рассказать как все работает изнутри, объяснить, что мы вложили в программу, почему выбрали те или иные доклады. Почему, при всем обилии информации в интернете, конференции — не просто тематическая тусовка, а реально полезное мероприятие. Рассказать, зачем, в конце концов, мы этим занимаемся, и кто это мы, потому что конференция — это, в первую очередь, люди.

image

Спикеры — «лицо» конференции: по заявленным и принятым докладам участники судят о полезности события и решают пойти или нет. Но за «кулисами» присутствуют и другие незримые участники мероприятия, которые и определяют, каким будет это лицо. Это Программный комитет. У нас на FrontendConf подобрался коллектив очень классных, активных ребят. Всех, конечно, упомянуть не получится, но постараюсь рассказать и о тех, и о других.
Читать полностью »

в 11:09, , рубрики: usability, Блог компании Mail.Ru Group, веб-дизайн, дизайн интерфейсов, дизайн мобильных приложений, интерфейсы, пользовательские интерфейсы, продуктовый дизайн
Дайджест продуктового дизайна, апрель 2019

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-март 2019.
Читать полностью »

в 16:34, , рубрики: UI, UX, Блог компании Mail.Ru Group, веб-дизайн, дизайн, дизайн интерфейсов, интерфейсы, редизайн

Почте Mail.ru в прошлом году исполнилось 20 лет. За время существования веб-версия продукта менялась много раз — всего было семь полноценных версий. Иногда мы затрагивали только техническую часть, иногда заметно меняли внешний вид. Но каждый раз изменения происходили не просто так — мы развивали продукт, делая его быстрее, удобнее и современнее.

Новая Почта Mail.ru и при чем тут осьминог - 1
Список писем в новом дизайне, 2019 г.
Читать полностью »

1...111213...2030...143
Рейтинг@Mail.ru
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js