Дизайн для чайников: Книга: «WEB-дизайн для «чайников»» — Лайза Лопак. Купить книгу, читать рецензии | Web Design For Dummies | ISBN 978-5-8459-1434-7

Содержание

где получить новые навыки для успешной работы – Сей-Хай

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

Но есть и другой способ начать. Запоминайте: бесплатная онлайн-конференция Skillbox «Профессии будущего» пройдет 2-31 декабря. Это полезно и новичкам, и опытным дизайнерам, и тем, кто просто хочет больше узнать об этой профессии.

Что такое Skillbox? Это онлайн-университет с более чем 100 программами подготовки по дизайну, маркетингу, программированию и управлению, 150 тысяч студентов и более 200 преподавателей. На курсах дают прикладные знания, которые точно помогут в работе, а преподаватели — практики и эксперты рынка.

А теперь рассказываем подробнее о самой конференции.

Что за конференция «Профессии будущего» от Skillbox?

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

Еще можно зарегистрироваться?

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

В какое время пройдут мастер-классы?

Мастер-классы по дизайну проходят каждый будний день в 16:00. Вы можете посмотреть все выпуски по направлению, потому что они не пересекаются друг с другом по времени. В среднем мастер-класс длится 1,5-2 часа.

Вот несколько примеров тем, которым посвящены мастер-классы:

  • Как выбрать профессию в дизайне в 2021 году?
  • Основы веб-дизайна: рисуем первый экран
  • Портрет в Illustrator
  • Анимации в интерфейсах
  • Создаём логотип

Полное расписание мастер-классов по дням вы можете найти здесь.

Кто выступит на мастер-классах?

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

Среди спикеров конференции:

  • Сергей Попков, шеф-дизайнер и основатель AIC
  • Роман Горбачёв & Данияр Шарипов, основатель “Логомашины” & арт-директор “Логомашины”
  • Дмитрий Матвеев, арт-директор Wildberries

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

Это бесплатно?

Участие в онлайн-конференции Skillbox «Профессии будущего» бесплатное. Достаточно просто зарегистрироваться, и можно смотреть вебинары по интересным темам.

Еще 4 причины участвовать в конференции

Всё проходит в онлайн-режиме. То есть для участия в конференции не обязательно жить в Москве. Мастер-классы можно смотреть в любом городе и с любого устройства. Даже с телефона.
Не только дизайн. На конференции будут мастер-классы и по другим направлениям — маркетинг, дизайн среды, творчество, программирование. Так что если вам захочется послушать мастер-классы не только по дизайну, сделать это будет просто.
Сертификат после конференции. Кроме новых знаний и прикладных навыков после конференции вы получите сертификат об участии, который можно добавить к резюме.
Подарки участникам. 31 декабря среди всех участников конференции будут разыграны крутые призы: iPhone 12, MacBook Air и наушники AirPods.

Если вы хотите узнать всё об актуальных и современных профессиях будущего, получить новые знания от дизайнеров крупных компаний, поставьте в календаре напоминание об онлайн-конференции Skillbox «Профессии будущего». Тем более зарегистрироваться на неё можно меньше чем за минуту.

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

статьи, книги, примеры, инструментарий — Оди. О дизайне

24 Мар 2020 30423 0

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

Кирилл Олейниченко

Дизайн-куратор. Главный редактор в «Оди» и в «Журналусе»

Что такое дизайн-системы и чем полезны

Дизайн-системы — большие наборы правил и готовых элементов интерфейса, которые дизайнеры и разработчики создают, чтобы ускорить и удешевить разработку новых версий сайтов и приложений. Дизайн-системы помогают создавать интерфейсы, которые понятны людям, логично устроены и оформлены в едином стиле. Самый, наверное, известный пример, это дизайн-система Material Design от Google, на которой строится множество приложений на Андроиде.

Обычно дизайн система включает в себя несколько больших разделов. Набор разделов может варьироваться в зависимости от компании и количества продуктов у неё. Чем больше компания, тем более полная и продуманная дизайн-система ей нужна. Вот, что в них может входить:

  • UI-киты — базовые правила дизайна и прорисованные наборы элементарных кирпичиков. Например, модульная сетка, типографика, цвета, интервалы. Текстовые блоки, заголовки, разные варианты кнопок, менюшки, переключатели, иконки, поля форм
  • Компоненты в коде — проще говоря, реализованный UI-кит
  • Иконки и правила их создания
  • Иллюстрации и правила отрисовки новых в едином стиле
  • Готовые сложные интерактивные компоненты, вроде форм и типовых страниц
  • Правила интерфейсной анимации
  • Правила написания текстов

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

Статьи про дизайн-системы

Дизайн-системы: UI-киты, CSS-фреймворки, гайдлайны

Лонгрид, часть тильдовского курса «Дизайн в цифровой среде», рассказывающая про разные виды компонентов дизайн-систем.

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

Есть примеры и чеклисты, которые помогут собрать гайд или кит для вашего проекта или продукта.

Everything I Know About Style Guides, Design Systems, and Component Libraries

Прикладная статья Ли Робинсона, в которой он суммирует свои знания о гайдах, дизайн-системах и библиотеках компонентов.

Названия разделов и их супер короткая суть:

  • Почему это важно: ускоряет рабочий процесс
  • Что такое гайд: правила визуального оформления и иллюстрирования + стиль общения и текста
  • Что такое библиотека компонентов: реализованные в макетах и/или коде гайды, наборы элементов, которые могут использовать разработчики
  • Что такое дизайн-система: полный набор стандартов, документации и принципов вкупе с библиотекой компонентов
  • Построение дизайн-системы: подробно разбирает разные этапы от сборки уже существующих паттернов, до написания документации

Design Systems

Команда Figma обновила свой сайт с коллекцией статей о проектировании и развитии дизайн-систем.

Создание дизайн-систем с помощью Atomic Design

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

Атомарный дизайн — методика проектирования, в которой вы описываете дизайн на пяти уровнях компонентов:

  • Атомы (кнопка, иконка, поле ввода, строка текста)
  • Молекулы (кнопка с иконкой, поле поиска, плашка уведомления)
  • Организмы (шапка сайта, форма авторизации, карточка контента)
  • Шаблоны страниц (страницы без контента)
  • Страницы (шаблоны, заполненные реальным контентом)

Автор (Игорь Сивец, Senior Experience Designer в EPAM Киев) рассказывает:

  • Что такое atomic design
  • Как эта методология может упростить работу дизайнеров
  • И разработчиков
  • Как её поэтапно внедрить

The 2019 Design Systems Survey by Sparkbox

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

Книги про дизайн-системы

Обзор книг Юрия Ветрова

Юрий — бывший дизайн-директор Mail Ru Group. Человек, который знает о дизайн-системах, пожалуй, больше всех в России. Вот, какие книги из прочитанных им он рекомендует:

  • Кристофер Александер — Язык шаблонов. Города. Здания. Строительство (1977)
  • Nathan Curtis — Modular Web Design (2009)
  • Anna Debenham — A Pocket Guide to Front-End Style Guides (2013)
  • Brad Frost — Atomic Design (2017)
  • InVision — Design Systems Handbook (2017)

Вот, что я могу посоветовать дополнительно:

  • Design Systems: What How Why (2019). Электронная книга Adobe. Разумеется, с акцентом на использование их фирменного софта для проектирования интерфейсов — Adobe XD :–)
  • Design Systems by Smashing Magazine (2017). О практике разработке дизайн-систем. Есть электронная версия, можно заказать печатную книгу в твёрдом переплёте.

Нюансы разработки дизайн-систем

The ABCs of Design Systems

Толковые советы по разработке и управлению дизайн-системой, оформленные в формате азбуки: A is for Adoption, B is for Beta, C is for Canon и так далее. С развёрнутым пояснением к каждой букве.

Как включить анимацию в вашу дизайн-систему

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

Typography in Design Systems

Подробный рассказ о грамотном описании типографики в дизайн-системах.

Дизайн-система: как хорошо начать и не закончить плохо

Базовая статья Ксении Толокновой, UX/UI дизайнера и арт-директора в Газпромбанке, о сетках, типографике и цветах в дизайн-системах.

Project Worlds — Achieving God Mode in Digital Design

Статья предлагает оригинальную ментальную модель для проектирования дизайн-систем — «миры». Это своеобразное развитие идей атомарного дизайна. Автор предлагает рассматривать разные уровни дизайн-системы как маленькие «миры»: у каждого есть входные данные, внутренние правила/алгоритмы и выходные данные. Звучит сложно, но прочитайте или хотя бы пролистайте. Станет понятно.

Including Animation In Your Design System

О том, как грамотно описать интерфейсную анимацию в дизайн-системе. С примерами.

Дизайн-системы в сайтостроении

Лекция Александра Гладких, сооснователя и арт-директора Charmer.

Методы построения гибкой цветовой палитры для вашей дизайн-системы, перевод статьи Designing Systematic Colors

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

Design System in Figma

Бесплатный курс по созданию дизайн-систем в Figma от создателя DesignCode.io.

Примеры дизайн-систем

  • Adele. Коллекция общедоступных дизайн-систем
  • Material Design 2.0
  • Fluent. Дизайн-система Microsoft
  • Дизайн-система государственных сервисов России
  • United States Web Design System. Дизайн-система американских государственных сайтов
  • Яндекс
  • Paradigm. Дизайн-система Mail Ru Group
  • Контур.Гайды
  • Студия Олега Чулакова
  • GitHub
  • Trello
  • Газпромбанк
  • Альфа-Банк
  • Рамблер

Инструментарий

Программы и сервисы, которые могут дополнить общепринятые в индустрии решения: Figma, Sketch, Adobe XD и Zeplin.

  • Design System Manager. Сервис InVision для управления дизайн-системами для улучшения взаимодействия дизайнеров и разработчиков.
  • Slice Web. Симпатичные шаблоны дизайн-системы для Sketch и Figma. Основу (типографику и цвета) можно скачать бесплатно, за остальные три набора просят по 29$.
  • EVA Design System. Дизайн-система, содержащая 650+ символов и сотни стилей и иконок. Поставляется в виде библиотек для Sketch, а также продублирована в коде на Angular и React Native.
  • Specify. Сервис для хранения и доработки дизайн-системы: макетов и компонентов в коде.

Бонус

Если этих материалов оказалось мало, идите на Design Systems Repo — сайт с большой коллекцией статей, книг, докладов и инструментов по теме.

Добавляйте в комментариях годные материалы по теме, которые не вошли в подборку.

Teapot Design — Etsy Turkey

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных.

Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

( 1000+ релевантных результатов, с рекламой Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик. Узнать больше. )

  • 40 уникальных чайников, которые помогут вам насладиться вкусом чая

    Нравится архитектура и дизайн интерьера? Следуйте за нами.

    ..

    • Нравиться 3,4 млн
    • Подписаться

    Home Designing может получать комиссионные за покупки, сделанные по ссылкам на нашем веб-сайте. Ознакомьтесь с нашей политикой раскрытия информации.

    Вы когда-нибудь задумывались, как чаепитие стало модным? Он берет свое начало в Китае, где его использовали в качестве лечебного напитка еще в 2737 году до нашей эры. Позже буддийские священники привезли его в Японию, где зеленый чай стал частью японской жизни. К 1840-м чаепитие стало британской традицией. Знакомство Америки с чаем в 1600-х годах привело к печально известному Бостонскому чаепитию. Сегодня горячий чай и чай со льдом популярны в штатах, а чайные дома можно найти в большинстве городов США. Различные сорта чая используются по-разному. Известно, что жасминовый чай дает энергию и успокаивает желудок, зеленый чай полон антиоксидантов, черный чай рекомендуется для снижения риска инсульта, белый чай обладает мощными противораковыми свойствами, а улун помогает снизить уровень холестерина.

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

    • КУПИТЬ
    Чайник из нержавеющей стали. Этот чайник-лампа из нержавеющей стали исполнит ваше желание выпить любимый чай. В комплект входит заварочный блок, который быстро заваривает четыре чашки листового чая.

    • КУПИТЬ
    Георг Йенсен Чайник Helena с подставкой: Изящный чайник Helena имеет корпус из нержавеющей стали, фарфоровую крышку и подставку.

    • КУПИТЬ
    Чайник Kurl с заварочным устройством. С этим чаем из нержавеющей стали из коллекции Gourmet Coffee and Tea вы получаете предмет ручной работы, каждый из которых немного отличается от предыдущего. Его современный каплевидный дизайн подойдет к любому стилю.

    • КУПИТЬ
    Shelby Заварочный чайник из нержавеющей стали с отделкой из розового золота. Этот прочный заварочный чайник из нержавеющей стали из боросиликатного стекла и розового золота с заварочным устройством для рассыпного чая позволяет наблюдать за процессом заваривания чая.

    • КУПИТЬ
    Чайник Eva: Керамический чайник Eva можно мыть в посудомоечной машине и он поставляется с заварочным устройством. Его дизайнер из Maia Ming Designs наслаждается утром чаем Lapsong Souchong. Попробуйте свой любимый вкус в этом милом черно-белом чайнике.

    • КУПИТЬ
    Чайник с заварочным чайником: Деревянная ручка этого чайника с заварным чайником соединяет вас с натуральным деревом, начиная момент дзен еще до того, как ваш чай заварен. Чайник с минималистичным дизайном имеет регулируемое ситечко, позволяющее контролировать способ заваривания чая.

    • КУПИТЬ
    Eva Solo Мой чайник с чашкой: Этот минималистичный чайник имеет корпус из нержавеющей стали, нескользящее силиконовое основание и носик, препятствующий подтеканию.

    • КУПИТЬ
    Чай для одного чайника: зачем заваривать больше, чем нужно? С этим керамическим чайником для одного приготовьте сольную чашку, не тратя драгоценный чай.

    • КУПИТЬ
    Чайник Drip Tease: Само название делает этот чайник победителем. Чайник Drip Tease из тонкого костяного фарфора украшен золотой позолотой, которая, кажется, стекает по корпусу этого красиво оформленного изделия.

    • КУПИТЬ
    Чайник для одного: Этот чайник Minos из нержавеющей стали в форме яйца и чашка для одного подходят для кухонь с любым дизайном, от ретро до современного. Поставляется с термостойкими сменными силиконовыми ручками

    • КУПИТЬ
    Чайник Olivia: Этот красный чайник Chantal Olivia выглядит красиво и функционально. Кастрюля с тремя чашками имеет эргономичную ручку, хорошо выдерживает нагрев и имеет непористую глазурь, предотвращающую впитывание ароматов в кусок.

    • КУПИТЬ
    Чайник в стиле лампы Аладдина. Изготовленная в виде лампы Аладдина, эта кобальтово-синяя чашка на шесть чашек будет прекрасно смотреться на традиционной или деревенской французской кухне

    • КУПИТЬ
    Чайник со слоном: для тех, кто коллекционирует фарфоровые керамические статуэтки слонов, этот чайник из белого фарфора идеально подходит для вашей коллекции. Он также хорошо смотрится на полностью белой кухне, его можно мыть в посудомоечной машине и использовать в микроволновой печи.

    • КУПИТЬ
    Чайник с изображением осьминога. Это идеальный подарок для семьи и друзей, которым нравится декор в виде осьминога. Этот белый чайник с лилово-красным керамическим осьминогом украсит любую кухню.

    • КУПИТЬ
    Чайник в форме медоносной пчелы: Вы, вероятно, будете добавлять в чай ​​немного меда, так почему бы не сделать чайник с медоносной пчелой. Этот керамический горшок с ручной росписью добавит немного веселья к послеобеденному чаепитию.

    • КУПИТЬ
    Лебедь Чайник: Лебедь грациозный, но этот чайник не хрупкий. Этот фарфор можно мыть в посудомоечной машине, он столь же долговечен, сколь и привлекателен.

    • КУПИТЬ
    Чайник с изображением павлина. Этот изящный чайник с изображением павлина приносит природу на вашу кухню. Каждая скульптура из фарфора расписана вручную. Чашки, подходящие к этому гордому павлину, можно найти в нашем посте с большим количеством павлиньего декора.

    • КУПИТЬ
    Заварочный чайник Pheonix Flame. Этот замысловатый чайник с оранжево-красным пламенем на кремовом фарфоре производит эффектное впечатление.

    • КУПИТЬ
    Чайник с декоративной птицей: Этот красный чайник, изготовленный из фарфора Franz, является домом для радостной отдыхающей сороки. Ручка опускается вниз и обратно в горшок, как ветка дерева.

    • КУПИТЬ
    Чайник-петух. Этот великолепный чайник с изображением красного петуха идеально подходит для загородной кухни.

    • КУПИТЬ
    Чайник Blue Bird: Приготовьте чашку на одного в этом веселом наборе чайников Blue Bird. Чайник заваривает 12 унций, а чашка вмещает 8 унций вашего любимого чая.

    • КУПИТЬ
    Чайник Bird on Bamboo: певчая птица, сидящая на бамбуке, служит ручкой для этого изысканного фарфорового чайника ручной работы Franz. Детальная роспись и интересная форма изделия делают его произведением искусства.

    • КУПИТЬ
    Чайник с красным перцем чили: Некоторые любят погорячее, например, этот чайник с перцем чили. 5-дюймовый горшок раскрасит любую кухню.

    • КУПИТЬ
    Леди в шляпе Чайник и набор чашек: Симпатичный чайник в виде шляпы стоит на этой милой «женской» чайной чашке. Чайник поставляется в различных дизайнах шляп, выберите один или несколько и соберите коллекцию этого уникального дизайна.

    • КУПИТЬ
    Заварочный чайник в скандинавском стиле. Этот современный стеклянный заварочный чайник выполнен в стиле дзен и поставляется с заварочным устройством и чайным яйцом, которое служит фильтром, а также уникальной деталью дизайна.

    • КУПИТЬ
    Выдувной стеклянный чайник с заварочным устройством из нержавеющей стали. Для изготовления этого чайника дзен, который стоит на бамбуковой подставке, было выдуто вручную прочное дорсиликатное стекло. В комплект входят фильтр из нержавеющей стали и бамбуковая ложка для чая.

    • КУПИТЬ
    Мятный одноручный чайник: Две красные чашки расположены наверху этого фарфорового чайного сервиза. Графин ярко-белого цвета с симпатичными изгибами оснащен встроенным заварочным устройством из нержавеющей стали.

    • КУПИТЬ
    Чайник Star Wars BB-8: Поклонники домашнего декора Star Wars радуются, этот чайник BB-8 и набор чашек не из этой галактики. Этот драгоценный камень является официально лицензированным предметом коллекционирования.

    • КУПИТЬ
    Чугунный чайник в японском стиле. Чаепитие в Японии — это многовековая традиция. Этот традиционный японский чугунный чайник, также называемый тэцубин, идеально подходит для заваривания чая. Чугун равномерно распределяет тепло, вытягивая лучшие ароматы вашего чая и может сохранять его теплым в течение часа. В комплект входит корзина для заваривания из нержавеющей стали.

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

    • КУПИТЬ
    Чайник тэцубин: Этот японский чайник тэцубин весом 22 унции, украшенный серебряными и черными золотыми рыбками на удачу, оснащен заварочным устройством из нержавеющей стали.

    • КУПИТЬ
    Чайник кюсу: Название говорит само за себя, кюсу — это японский термин, обозначающий чайник, и этот низкопрофильный кюсу отличается уникальной конструктивной особенностью. Ручка и носик находятся на одной стороне. Эта чашка из кремовой керамики производится в Японии и доступна по всему миру.

    • КУПИТЬ
    Чайник в античном стиле. Этот чугунный чайник объемом 44 унции из популярного чайного магазина Teavana украшен золотым имперским драконом на боку и имеет ситечко из нержавеющей стали.

    • КУПИТЬ
    Восточный чайник в форме дракона. Символ удачи, процветания и даже гармонии, этот чайник в виде дракона идеально подходит для послеобеденного чаепития с друзьями.

    • КУПИТЬ
    Азиатский набор из 2 чашек: используйте этот маленький чайный набор на двоих дома или возьмите его с собой. В набор входит переносной керамический чайник ручной работы с ситечком и две чайные чашки.
  • Оставить комментарий

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *