Создал мини курс по программе для векторной графики Inkscape в 2022.
Рубрика «веб-дизайн» - 2
Inkscape с 0 до Pro за 5 дней
2022-08-19 в 14:23, admin, рубрики: inkscape, веб-дизайн, векторная графика, векторные иконки, векторные операции, векторный, графика, графические редакторы, графический дизайн, графический интерфейс пользователя, Работа с векторной графикой, Работа с иконками, Учебный процесс в ITНовая версия Хабра. Ещё не всё потеряно, ещё не всё?… (часть вторая)
2022-06-29 в 9:00, admin, рубрики: ruvds_статьи, Блог компании RUVDS.com, веб-дизайн, внешний вид, комментарии на хабре, разработка, Разработка веб-сайтов, шрифты на хабреTL;DR — разбираю новую версию Хабра. В статье много текста и изображений.
В прошлой части я разобрал мотивы создания новой версии Хабра и недочёты общего внешнего вида. В этой же затронем даже более важные вещи для пользователей — шрифты и комментарии.
Как бы это удивительно не звучало, но именно оформление текста являются определяющим фактором комфорта для информационного ресурса и в новой версии с этим есть кое-какие проблемы. Собственно как и с комментариями.
Читать полностью »
Новая версия Хабра. Ещё не всё потеряно, ещё не всё?… (часть первая)
2022-06-28 в 9:00, admin, рубрики: ruvds_статьи, Блог компании RUVDS.com, веб-дизайн, внешний вид, разработка, Разработка веб-сайтов, цветаВ прошлом году наш любимый Хабр получил новый дизайн и целый ряд важных изменений и улучшений. Связанные они с оптимизацией работы команды и желанием предоставить пользователям лучшие условия. И если к улучшениям особых претензий нет, то вот дизайн пришёлся по вкусу не всем, в том числе и мне. И дело тут даже не в самом факте, что что-то изменилось, а в реализации этих самых изменений, влиянии их на уже сложившийся пользовательский опыт и удобстве использования.
Многие уже высказывали свои замечания, но всё они сводились больше к эмоциональной критике чем конструктивной. Я же подошёл к вопросу более основательно, разобрал спорные моменты на примерах и дал советы, как сделать лучше. А что из этого получилось, узнаем далее.
Читать полностью »
UI редактора блок-схем
2022-06-21 в 15:06, admin, рубрики: аналитика, бизнес-процесс, бизнес-процессы, блок-схема, блок-схемы, блоксхемы, веб-дизайн, диаграмма состояний, диаграммы, интерфейсы, Разработка веб-сайтов, СофтДолго. Дорого… Делать гаджет в России – учиться, терять деньги, жить на работе
2022-05-23 в 16:03, admin, рубрики: airvisual, PM2.5, веб-дизайн, гаджеты, гражданский мониторинг, дизайн мобильных приложений, загрязнение воздуха, красноярск, экологияПривет! Я Игорь, создатель проекта гражданского мониторинга Nebo и это моя первая статья на Хабре, в которой хочу поделиться опытом разработки гаджета.
Важное: наша команда состоит из дизайнера, программиста и инженера. Множество работ мы закрывали своим трудом, учились, реальные расходы могут вырасти X10. Мы сильно экономили, возможно это станет полезно кому-то.
Простые сайты снова в моде. Минимализм возвращается
2022-03-07 в 8:00, admin, рубрики: cms, FirstDEDIC, firstvds, github, html, latency, web0, web3, Блог компании FirstVDS, веб-дизайн, задержка, минимализм, ожирение сайтов, ожирение софта, прогресс, простые сайты, Разработка веб-сайтов, технологический стекСколько раз говорили об ожирении софта и сайтов, а воз и ныне там. Ситуация совершенно не улучшается. В 1993 году Word открывался за секунду, а сейчас за пять. Простейшие странички обвешаны десятками скриптов и грузятся бесконечно долго даже на многоядерной рабочей станции.
Такая ситуация напрягает и самих веб-разработчиков. Приходится тратить кучу времени на оптимизацию, тестирование новомодных фич в разных браузерах, осваивать сложные CMS. Зачем? На самом деле HTML и CSS — исключительно мощные инструменты, если ими умело пользоваться.
Читать полностью »
Одинаковые компоненты — разная специализация
2022-01-29 в 17:11, admin, рубрики: figma, UI, UX, ux/ui, атомарный дизайн, веб-дизайн, вебдизайн, графический дизайн, дизайн, дизайн мобильных приложенийВ своей практике я часто использую визуально похожие друг на друга компоненты с разной специализацией. Это помогает оптимизировать процесс верстки макетов и доступнее объяснить разработчикам, какие инструменты использовать. Ниже приведен пример с полем для выбора значений. Оно может иметь как один тип, так и множество. Множество помогает лучше передать специфику использования.
Как правильно верстать 2, или зачем я написал еще одну UI-библиотеку, мой первый npm-модуль?
2021-10-10 в 14:36, admin, рубрики: css, javascript, stylus, vue, атомарный дизайн, библиотеки, веб-дизайн, верстка, интерфейсы, компоненты, ненормальное программированиеЭто работа является логическим продолжением моего первого подробного текста для сообщества об актуальных подходах к верстке Как верстать веб-интерфейсы быстро, качественно и интересноЧитать полностью »
Мимо наборной кассы: феерическая профанация шрифтового дела от компании «Паратайп»
2021-10-08 в 14:24, admin, рубрики: paratype, pt sans, веб-дизайн, графический дизайн, дизайн, капитель, кириллица, минускульные, набор и оформление текста, профанация, типографика, шрифтЭто история о том, как я разочаровался в компании «Паратайп» и шрифтах, которые она производит.
Я делал PDF-презентацию, чтобы показать европейским иностранцам. И что-то меня пробило на гиперкачественную вёрстку с образцовым типографингом. Пускай, думаю, у иностранцев сорвёт шаблон: они-то привыкли, что все русские верстают по-колхозному, особенно если думают, что нет.
Пока я размечал сетку страницы, меня упорола ещё одна идея: использовать шрифт отечественного производства. Пусть европейцы дважды офигеют.
Разработчики Mozilla выяснили, почему гиперссылки синие
2021-08-27 в 10:13, admin, рубрики: accessibility, internet explorer, mosaic, windows, world wide web, браузеры, веб-дизайн, гиперссылки, графический дизайн, дизайн интерфейсов, история интернетаИнтернет проник во все аспекты нашей жизни, но мы уверены, что один аспект цифрового мира вы считаете чем-то само собой разумеющимся. Замечали ли вы, что множество ссылок, в частности, гипессылок, имеет синий цвет? Когда коллега спросил меня, почему ссылки синие, я была поражена. Я UX-дизайнер и создаю веб-сайты с 2001 года, и я всегда делала ссылки синими. Да, я отстаивала выбор конкретного оттенка синего и согласованное применение синего цвета, но никогда не задумывалась: почему же ссылки синие? Это просто был факт из жизни. Трава зелёная, гиперссылки синие. В нашей культуре настолько принято ассоциировать ссылки с синим цветом, что когда в 2016 году Google изменила цвет ссылок на чёрный, это вызвало разногласия.
Но теперь меня поглотил вопрос: ПОЧЕМУ же ссылки синие? КТО решил сделать их синими? КОГДА было принято это решение и КАК это решение оказалось таким влиятельным?
Читать полностью »