2015 Internet Trends Report. 27 документальных фильмов для дизайнеров. 10 приёмов Фотошопа, которые... дальше придумайте сами. How To Make Easy To Use GUI and UX design Tips. First of all let me explain you difference between a web designer and a GUI/UX designer. Well let me explain you with a simple example if you want a website where he can show up some paintings and some simple text, Well in that case a web designer can fit fine but if You wants that people cannot only see those painting plus contact him else they want to buy paintings or we can say any interaction on the page then you need a GUI/UX designer.
So ideally if you want a website with multiple interactions on the page with different widgets, icons, forum etc then UI/UX designer is perfect choice for it. UX (User Experience) User experience is how they feel when the user look at the website. So taking all the user needs into an account is how we improve UX and what makes UX feels good is completely based upon how your designer design the interface. GUI – Graphic User Interface [blank_spacer height=”20px” width=”1/1″ el_position=”first last”] 1. 2. 3. 4. 5. 6. 7. 8. 9. 1. 2. What are we making? 3. 4. Список фильмов для дизайнеров. Web Design Blog - Webdesigner Depot.
Генеративный дизайн. Почему дизайнеру в XXI веке нужно быть немножко программистом? Designgest 12. «типографика» в Советах. Заголовку не нужно двоеточие. Книжку мне неожиданно подарил Людвиг Быстроновский в ответ на вопрос о том, что бы почитать по типографике. Сидели в БКСАЛ, он отлучился на минутку, и вернулся из подвала уже с книгой. Это, говорит, тебе, читай. Это было года полтора назад. Я не сразу взялся за чтение: книга отпугивала двухтомностью и внешним видом. Да и внутренним. Книга про дизайн без картинок: Книга построена как словарь: рассказывает по очереди об абзацах, акциденции, актикве, афише; бланке, буклете и так далее вплоть до юстировки колонок.
Ещё странность: цифровой набор автор называет «дигитальным», а кернинг вообще пишет латиницей, прихреначивая падежное окончание через апостроф: «о kerning’е». Предлагаю вашему вниманию традиционную выписку из книги. . § 2. Многие типографы, приверженные абзацному отступу, будто бы стесняются его. . [ . . . ] § 11. Типографика на Вебе. Типографика на Вебе прошла длинный путь с тех пор как Тим Бёрнерс-Ли нажал на рубильник в 1991-ом году. Давным-давно, во времена IE 1.0, выражение «хорошая типографика на Вебе» было, скорее, оксюмороном (сочетанием противоположных по значению слов).
Многое успело измениться. У нас есть не только браузеры, которые умеют показывать картинки (ах!) ; у нас есть возможность оживлять наши веб-страницы, используя великолепную типографику. Во-первых, следует заметить, что Типографика — это не только умение выбрать шрифт или отличить одну гарнитуру от другой. Попробуем поговорить о типографике как о рецепте из четырёх важнейших ингредиентов. Контраст Бледно-розовый текст на бледно-синем фоне может удачно смотреться на вашей футболке, но читается он плохо.
Лично мне не нравится читать длинные фрагменты инверсированного текста (например, светлый текст на тёмном фоне); часто ли мы видим, чтобы так оформлялись книги? Размер С рождением Веб 2.0 я заметил довольно раздражающий тренд: мелкий шрифт. Веб-типографика сегодня. Часть I. Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI Как-то ко мне обратился знакомый дизайнер с просьбой разобраться в странной по его мнению ситуации. Клиент просил «сделать так же, как у Apple», но с использованием собственных способов расположения блоков, изображений, цветовой гаммы и текста. В общем, дизайн в итоге получался совершенно непохожий на apple.com, но этого, собственно, и добивался клиент.
И вроде бы у дизайнера получилось, но… Клиенту по-прежнему не нравилось, он всё равно требовал переделать макет. По его ощущения «что-то было ну совсем не так». А что именно — тот объяснить был не в силах. Вот и возник вопрос у моего коллеги по поводу того, как угодить капризам клиента и понять его чаяния. Итак, какова ситуация в области современной веб-типографики и какими способами следует решать возникающие проблемы? Но давайте разберём всю эту ситуацию с самого начала. Шрифт выглядел более органично, округло и лучше воспринимался на экране. Продолжение следует... Типографика в вебе. Дизайн-форум Prosmotr. Илья Слонский — Ненатянутые числа. Честность, фан и KPI.
Методы тестирования веб-дизайна показали в четырёх GIF. Дизайнеры советуют, как тестировать приложения — Look At Me — MAG — поток «Эксперты советуют» «Для управления на мобильных устройствах мы используем пальцы, жесты, на один экран влезает не так много информации, переходы между разными сущностями должны быть естественны и интуитивно понятны. При этом интерфейсы рисуются на компьютерах с большим экраном, все переходы и действия в процессе рисования происходят в голове. Иногда кажется, что ты придумал отличную идею, но, как только попробовал её в действии на телефоне, видишь, что всё должно быть сделано «как-то иначе».
Получается, что среда, в которой создаются экраны приложения, сильно отличается от того, как потом эти экраны используются. Временное решение этой нестыковки — инструменты для прототипирования. Прототипирование нужно для нескольких вещей: Посмотреть, как экран выглядит на мобильном устройстве. Для этого уже есть много всего, например, Sketch позволяет в процессе работы транслировать макет на экран. Проверить общую логику приложения, убедиться, что все запланированные переходы понятны. Методы тестирования веб-дизайна показали в четырёх GIF. Как сделать первый шаг к созданию собственного приложения — Look At Me — MAG — поток «Как это работает» Материал подготовил Кирилл Евдаков (креативный директор Rutorika) Способность воплощать идеи гораздо ценнее самих идей. Задумка Facebook не принадлежит Цукербергу, зато ему принадлежит сама социальная сеть.
К счастью для гуманитариев, для того чтобы в разы повысить собственные шансы реализовать придуманный проект, не обязательно уметь писать код. Wireframe.cc (Online) Границы понятий mock-up, wireframe и prototype весьма размыты, и разбираться в отличиях стоит только для того, чтобы поправлять менее дотошных знакомых. Создаём проект Сразу нажимаем Go premium и регистрируемся на недельный пробный период. Fbvkpn Выбираем тип проекта. Добавляем элементы Особенность интерфейса wireframe.cc в том, что вы сначала выделяете область, а потом решаете, что в ней будет: прямоугольник, блок текста или изображение.
Обозначим прямоугольником место для меню. Совет Добавим ещё несколько прямоугольников для кнопок «Войти» и «Зарегистрироваться», которые сделаем немного позже, а в центре разместим изображение. Дизайнеры советуют, как тестировать приложения — Look At Me — MAG — поток «Эксперты советуют» Как сделать первый шаг к созданию собственного приложения — Look At Me — MAG — поток «Как это работает» Как «гамбургер» стал самой популярной иконкой меню — Look At Me — MAG — поток «Детали» Как создать мультимедийный лонгрид. Конечно, сейчас сделать качественный проект можно и в одиночку. Но я бы рекомендовал все-таки использовать рабочую группу для ускорения процесса и получения более качественных компонентов (фото, текстов) для создания вашего материала.
В команде должны быть один или нескольких пишущих журналистов (одного можно отрядить на написание главной истории, других - на сбор справочной информации, статистики или дополнительных комментариев по теме). Учитывая мультимедийность нашего формата, немаловажной персоной в команде становится фотограф или фоторедактор. Кстати, многие лонгриды создаются как раз по инициативе фотографов, которые делают съемку и понимают, что выгоднее всего она будет смотреться именно в полноэкранном формате.
Задумайтесь и о съемочной группе: оператор и монтажер снабдят ваш материал необходимыми видеороликами. Дополнительные участники в команде потребуются, если вам нужны еще какие-то мультимедийные элементы. KanbanFlow: совместная работа по японской системе канбан. Еженедельная подборка лучших статей Сегодня мы рассмотрим интересный и довольно удобный онлайн-инструмент, предназначенный как для одиночной, так и для совместной работы над проектами по методологии Kanban.
Мы не будем лишний раз подробно описывать саму суть методолгии, так как вы всегда можете прочитать об этом в нашем обзоре Kanban. Сразу же перейдём к сервису. Называется он KanbanFlow, предоставляется совершенно бесплатно и позволяет создавать несколько канбан-досок для планирования и отслеживания работы над различными проектами. Перед нами доска канбан. Как видно из скриншота, в стандартном исполнении доска разделяется на 4 колонки: задачи, которые необходимо выполнитьзадачи, которые необходимо выполнить сегоднязадачи, над которыми вы работаете в данный моментвыполненные задачи Каждая задача может добавляться в произвольную колонку с помощью иконки «+». Если задача сложная и содержит в себе несколько более мелких действий, можно добавлять к ней подзадачи. Итог KanbanFlow. 10 Sketch Tricks for Designers. Основные принципы «отзывчивого» веб-дизайна показали в GIF. Стартап Froont (разрабатывает платформу для создания сайтов с «отзывчивым» дизайном) описал девять основных принципов «отзывчивого» веб-дизайна (responsive web design) в GIF-изображениях.
Look At Me приводит советы разработчиков Froont. Стоит отметить, что «отзывчивым» веб-дизайном принято называть понятие, которое является частью адаптивного веб-дизайна (adaptive web design), но касается только макета страницы. fbvkpn Чем отличается «отзывчивый» веб-дизайн от адаптивного. «Может показаться, что это одно и то же, но это не так. Эти подходы дополняют друг друга, но среди них нет правильного или неправильного». Подвижность. Относительные величины. Контрольные точки. Максимальные и минимальные величины. Вложенные объекты. Mobile first или desktop first. Подключаемые или системные шрифты. Растровые или векторные изображения.