Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Любительское гик-видео про Expression Studio

Разработка веб-сайтов
Представляю вашему вниманию несколько необычные скринкасты про пакет Expression Web. В чем необычность? Дело в том, что видео получилось на стыке двух жанров. С одной стороны, это совершенно утилитарное и скучное обучающее видео (tutorial). С другой стороны, по ходу я высказываю свое личное отношение к происходящему и всячески дурачусь, то есть почти персональный шуточный видеокаст.

Скажу честно, я не суперпрофессионал в Expression Studio. В ходе создания роликов я сам учусь, поэтому пока ролики довольно поверхностные. Но планируется целая серия таких роликов, так что уверен, что у меня получится «углубиться» в тему. Пока готовы только два ролика:

Скринкаст по Expression Web: Обзорный


Краткое содержание ролика:
  • Из чего состоит вебсайт?
    Обзор интерфейса редактора
    WYSIWYG или чистый код?
    Dynamic Website Templates
Читать дальше →
Всего голосов 38: ↑26 и ↓12 +14
Просмотры680
Комментарии 64

Скринкасты про Expression Design

Разработка веб-сайтов
Я решил набраться смелости и выложить свои скринкасты на всеобщее обозрение. Это продолжение серии любительского гик-видео про Expression Studio. Тем более, что на Хабре в последнее время стало появляться все больше и больше вебкастов. Уж не знаю — хорошо это или плохо.
Читать дальше →
Всего голосов 46: ↑42 и ↓4 +38
Просмотры1.3K
Комментарии 39

10 понятий для дизайнера в 2019-м

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

01. Мондрианизм


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

image



02. Серендипность


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

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

Вы спросите: зачем нужна серендипность? Здесь все просто. С ее помощью можно сделать пользователя счастливее, а сайт/приложение – эффективнее, представляя пользователю возможность потреблять более релевантный контент и чувствовать себя в своей тарелке.

image
Читать дальше →
Всего голосов 34: ↑28 и ↓6 +22
Просмотры14.2K
Комментарии 14

Нужно ли дизайнеру интерфейсов понимать вёрстку?

ИнтерфейсыДизайн мобильных приложенийДизайн

Вы верно поняли, тут речь пойдёт именно о тех людях, которые делают дизайн интерфейсов. Я порой вижу вопросы на тему: “Нужно ли понимать дизайнеру вёрстку?” и “Почему вы делите дизайнеров на Ui, UX, итд?”. В этой статье я отвечу на эти вопросы. Маленькая затравка для продолжения… - да, эти два вопроса отвечают друг на друга. О том, кто такие дизайнеры интерфейсов, и что они делают в рамках разработки приложений, мы разбирали в прошлой статье.

Нужно ли уметь верстать?

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

Читать далее
Всего голосов 8: ↑4 и ↓4 0
Просмотры2K
Комментарии 14