Обложка в начале статьи lstore.graphics

Дизайн интерьера для чайников / AdMe

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

AdMe.ru создал для вас краткий гид по популярным стилям интерьера. Теперь вы точно не спутаете прованс с модерном.
 

Арт-деко (Ар-деко)

В такой комнате не знаешь, куда себя деть, — все сверкает, блестит, переливается и кричит. Слева томно, укутавшись в парчу, грустит статуя Венеры, справа смеется индийский Ганеша, и даже таинственной африканской маске нашлось здесь место. Потому что арт-деко — это смешение всего и вся. Главное, чтобы дорого и богато. Соседи обзавидуются. 

Хай-тек

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

Классический стиль

Классика — она и в Африке классика. Здесь все очень торжественно и роскошно. Обои с завитушками, колонны, мебель, на которую страшно садиться (а вдруг что), живопись на стенах — совсем как на королевском приеме. Вместо короля, конечно, вы. И вот что удобно: в таком интерьере никто не заметит, что король-то голый.

Модерн

Если у вас есть странное ощущение, что, с одной стороны, вы оказались внутри картины Сальвадора Дали, а с другой — на исповеди в католическом соборе, с вами все в порядке — вы не перебрали вина сегодня вечером. Просто это модерн — стиль, в котором господствуют S-образные линии и витражи. Уютненько так.

Поп-арт

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

Экостиль

С таким же успехом можно жить в лесу в палатке, но дизайнеры придумали экостиль. Бамбук, глина, дерево, вода — все как надо, экологично и полезно. И горячая вода с отоплением есть. Жаль, шашлык нельзя сделать.

Прованс

Хитрые французы знают толк в красоте — даже их сугубо деревенский стиль стал чрезвычайно популярен во всем мире. Цветочки, ангелочки, пастельные тона, будто кукольные столики: говорю «прованс» — подразумеваю Францию, говорю «Франция» — подразумеваю прованс.

Колониальный стиль

Декоративные тарелки, плетеная мебель, веера, рога диких животных, маски африканских шаманов — если интерьер напоминает квартиру охотника за сокровищами, который вынужден пережидать зиму в городе, это, скорее всего, колониальный стиль. Будьте внимательны, где-то в стене есть потайная дверца…

способы изучения для начинающих — Lemarbet

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

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

Так много вариантов!

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

Есть много подходов к изучению веб-дизайна, некоторые из них платные, например курсы, другие же бесплатные. Число методов обучения очень выросло, благодаря распространению интерактивности в Сети, – видеоканалы на YouTube, обучающие платформы и многое другое.

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

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

Лучшие книги для изучения веб-дизайна

Основные технологии, которые нужно освоить начинающим, чтобы работать с большинством задач при создании сайта, – HTML и CSS. Не лишним будет, конечно, Java Script и PHP, но это уже вторая ступенька. Кстати, если освоитесь с первыми двумя языками веб-разработки, с остальными будет уже гораздо проще.

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

Джереми Кит. “HTML5 для веб-дизайнеров”

Настольная книга для тех, кто хочет освоить стандарты последней версии HTML, разобравшись при этом с особенностями данного языка в целом. Семантическая разработка и создание доступных интерфейсов – два направления, за которыми будущее. И данная книга позволит вам научиться этому в полной мере. И стоит отметить, что «Манн, Иванов и Фербер» — одно из самых авторитетных издательств на просторах СНГ. Так что их книги однозначно стоит рекомендовать.

Дэн Сидерхолм. “CSS3 для веб-дизайнеров”

Вторая и очень важная составляющая современного веб-дизайна – язык каскадных таблиц стилей или CSS. С их помощью можно полностью управлять внешним видом страниц, не теряя при этом в легкости и скорости загрузки. Вы на наглядных примерах научитесь использовать все богатство возможностей, появившихся в новом стандарте CSS3.

Автор — Дэн Сидерхолм – практикующий веб-дизайнер, который прошел путь от фрилансера и владельца небольшой студии до разработчика в штате таких всемирно известных компаний, как Google и Yahoo.

Дженнифер Роббинс. “HTML5, CSS3 и JavaScript. Исчерпывающее руководство”

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

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

Стив Круг. “Web-дизайн, или Не заставляйте меня думать”

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

Книга подойдет не только начинающим, но и практикующим разработчикам, которые хотят понять, каким образом можно еще улучшить существующие проекты. Пусть некоторым и может показаться, что в книге описаны очевидные вещи, но ведь не зря же говорят, что все гениальное – просто.

Тим Кедлек. “Адаптивный дизайн. Делаем сайты для любых устройств”

Если каких-то 5 лет назад в качестве устройств для просмотра интернет-страниц безоговорочно доминировали персональные компьютеры, то сейчас все кардинально изменилось. Доля пользователей, которые используют для веб-серфинга мобильные устройства, ощутимо выросла практически во всех нишах, и для коммерческих сайтов это не исключение.

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

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

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

Платформы для онлайн-обучения

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

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

Одна из ведущих платформ в области онлайн-образования мирового уровня, которая работает по схеме ежемесячной подписки. Основные направления обучения – языки верстки и веб-разработки (HTML, CSS, Javascript), а также создание iOS-приложений, в частности на основе набирающего популярности Swift.

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

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

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

Каждый из примеров показывает ту или иную грань конкретного языка веб-разработки, будь то HTML, CSS или PHP. И с помощью этих примеров вы можете хорошо освоить саму структуру языка. При прохождении уроков код обрабатывается прямо в браузере и сопровождается хорошими объяснениями.

Несмотря на то, что в Codeacademy доступно не так уж и много курсов, большинство из них позволяют освоить конкретное направление от начала и до конца. Кроме того, здесь даже есть несколько курсов о том, как можно сделать сайт от начала до конца и вовсе без единой строчки кода. В целом, если вы предпочитаете учиться на практике, выбор этого сервиса будет правильным решением.

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

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

Другие способы на заметку

Один из самых доступных способов – видеоуроки и тематические каналы на YouTube. Это второй по посещаемости поисковик в мире (после Google), в котором интегрирован и функционал, свойственный социальным сетям. Чем он хорош в контексте изучения веб-дизайна, так это тем, что вы можете сразу же приступить к практике на основе примеров, увиденных на видео. Кроме того, все мы знаем такую хорошую пословицу – лучше один раз увидеть, чем сто раз услышать.

Достаточно всего лишь ввести нужный запрос, и вот к вашим услугам огромное количество видеоуроков по самым разным темам:

Еще один хороший метод – изучение существующих сайтов, для чего вам достаточно щелкнуть правой кнопкой мышки на нужной странице в браузере и выбрать пункт контекстного меню «Просмотр кода страницы» или другой подобный в зависимости от используемого браузера:

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

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

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

• Автор: Владимир Федоричак

Web-дизайн для чайников: с чего начать

Шаг первый. Ознакомление

Чтобы “влиться” в ремесло было легче, нужно узнать о самой профессии веб-дизайнера посредством чтения книг, блогов по данной тематике; просмотра видеороликов, посвящённых веб-дизайну и т.д. Следует обращаться к Интернету со всеми мелкими вопросами.

Чего нельзя делать, так это торопиться: первый шаг играет самую важную роль. Прочитав несколько книг о веб-дизайне, человек сможет дать твёрдый ответ – а стоит ли посвящать этому делу своё время (лучше прийти к выводу сейчас, чем осознать, сгорбившись за рабочим столом, что Вы ошиблись с выбором профессии)? Чем обширнее станут Ваши знания о web-дизайне, тем легче он будет Вам даваться.

Шаг второй. Освоение

Работа с графическими редакторами в жизни веб-дизайнера неизбежна.

Наверняка Вам знакома продукция Adobe, такие программы, как Photoshop, SAI, Paint и пр. Если у Вас нет опыта работы с ними, рекомендуется начать развиваться на простых и бесплатных программах.

Чаще всего используется Фотошоп. Почему бы не начать с неё? Сперва Вы должны освоить интерфейс и все тонкости пользования редактором – что отнюдь не минутное дело.

Веб-дизайнер, подобно художнику, обязан тренироваться постоянно, чтобы не утратить полученные навыки и активно развивать новые. Если самостоятельно обучение не задалось, можете получить дистанционное образование в одной из онлайн-школ, например этой https://design.sredaobuchenia.ru/. Здесь вас научат всем инструментам графического дизайна.
Не стоит бояться таких аббревиатур, как CSS и HTML – обучаясь искусству обработки изображения, надо параллельно заострять внимание и на них. Это – языки, инструменты для работы с текстом. Web-дизайнер отвечает за оформление, размещение и отображение текста, а потому ему просто необходимо иметь базовое программирование в запасе своих знаний.

Шаг третий. Затрата времени

В какой-то момент Вы понимаете, что нельзя стать первоклассным специалистом за 7 дней. “Сколько месяцев уйдёт на получение образования и когда я смогу вознаградить себя за труд?” – пора ответить на этот вопрос.

Вполне вероятно, что Вы решите бросить обучение на половине пути – это может произойти по нескольким причинам.

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

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

Решение простое – составить чёткий график, обозначить цель и шаги к ней, выделить отдельное (!) время для каждой сферы web-дизайна (к примеру: час на мастерство оформления текста и час на обработку изображения), оставить время для отдыха и повседневных дел.

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

Можно мотивировать себя усерднее работать, к примеру, вспомнив плюсы профессии, назвав причину, по которой Вы выбрали её, представив свою успешную жизнь в образе web-дизайнера.

Много ли времени заберёт само обучение? Исход этого вопроса полностью зависит от Вас. Если быть точнее, то от Вашей целеустремлённости, усидчивости, желания и упорства. Первый заработок Вы сможете получить уже через несколько месяцев, приложив должные усилия.

Шаг четвертый. Практика, первый опыт – как подать себя?

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

Уже сейчас, запомните одно важное правило: “Быстро, не быстро, главное – качественно.” Выполнить каждый свой проект с душой и максимально выложиться при его создании – привычка, которая не должна покидать web-дизайнера во время работы. Не волнуйтесь о продуктивности – со временем она сама набьётся на руку. В любом случае, платить Вам будут именно за качество.

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

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

Держите под рукой номер электронного кошелька/банковской карты, дабы не заставлять людей ждать.

При общении с заказчиками будьте вежливы, внимательны к мелочам, и, главное – спокойны. Из-за чрезмерной взволнованности Вы можете прослушать всё то, что говорил Вам человек – потому опытные веб-дизайнеры рекомендуют записать содержимое разговора в блокнот (вопросы заказчика, над которыми стоит хорошо поразмыслить; его предпочтения). Со временем Вы соберёте личный отряд шаблонных фраз в качестве ответа, что значительно облегчит разговор.

Шаг пятый. Выполненный заказ и первый заработок

Клиент предоставит Вам документ, где содержатся все его требования (техническое задание), называет отведённый на создание макета срок, после чего Вы приступаете к работе. Когда работа в виде сжатого изображения (JPEG) одобрена заказчиком, начинается следующий этап разработки проекта: вёрстка.

Если объяснять очень и очень дословно, то вёрстка – преображение наброска в готовую картину. Вам, как начинающему веб-дизайнеру, необходимы навыки вёрстки и знания о ней.

Способы оплаты бывают разными – это уж, как ситуация сложится. Предоплата, 50% вперёд, или же оплата только после сдачи выполненной работы.

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Дизайн чайника: от викторианских виньеток до голосового управления

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

Франко-голландская эпоха: серебряный антик — 1730-1840 гг.

На протяжении эпохи рококо, а также с середины XVIII до середины XIX именно Франция и Голландия являлись цитаделью производства изделий из серебра. Поэтому до сих пор голландские чайники этого периода (а также хлебницы, подсвечники, чашки, мыльницы и многие другие изделия) являются предметом торгов во всех аукционных домах Европы.

Чайник 1829 года, производство CP, Нидерланды. Крышка увенчана оригинальным деревом груши и серебряным шарообразным навершием, подчеркнутым резным ребристым дизайном. Источник: 1stdibs.com

Сейчас изделия этого периода можно назвать просто — «серебряным европейским антиквариатом». Рыночная цена чайников этого периода — порядка 5 тыс. долларов. Серебряные изделия всегда имеют марку пробы, а благодаря своему белому оттенку стерлинговое серебро высокой пробы (92,5%) идеально подходит именно для чайников (впрочем, как и для ювелирных украшений и столовых приборов).

Сацумский японский фарфор: искусство идеального чаепития — 1868-1912 гг.

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

Существует две различные категории этой посуды: оригинальная простая темная глина раннего Сацума (около 1600 года) и искусно украшенные изделия из слоновой кости, которые начали производиться в XIX веке в качестве экспортных продуктов.

Чайник в стиле Сацума, изготовленный в 1875 году. Источник: 1stdibs.com

Адаптированные ко вкусам западных потребителей позолоченные полихроматические эмалевые изделия из Сацума стали одним из самых узнаваемых и выгодных экспортных продуктов периода Мэйдзи (1868-1912 гг.).

Викторианская изысканность: черная глина Джекфилда — 1840-1900 гг.

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

Яркий пример викторианского дизайна в стиле Джекфилд, изготовлено в период с 1840 до 1900 г. Источник: etsy.com

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

Эпоха ар-деко: Tiffany и компания — 1920-1930 гг.

Эпоха ар-деко питала особую страсть к шестиугольным глиняным чайникам, форме Садлоу (Sudlow’s) и геометричным серебряным вариантам. Они дополнялись золотой росписью, восточными и египетскими орнаментами и узорами. Глубокие оттенки — кобальтовый синий, изумрудный, ярко-коралловый, малахитовый, ярко-красный — были самыми популярными.

Антикварный чайник 1930-х годов производства Wade, Heath and Co. LTD. Источник: Etsy.com

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

Серебряный (стерлинговое серебро) чайник 1924 года от бренда W & C Sissons (Walter & Charles Sissons). Крышка увенчана резным деревом и серебряным шпилем. Источник: 1stdibs.com

Ар-деко был яро поддержан американским брендом Tiffany, когда искусные серебряные детали были заменены на более элегантные и невероятно стильные силуэты. Tiffany является одним из самых известных поставщиков предметов роскоши в Соединенных Штатах, и уже давно является важным трендсеттером в дизайне бриллиантовых обручальных колец. Молодой Франклин Делано Рузвельт сделал предложение своей будущей жене Элеоноре с кольцом от Тиффани в 1904 году. Вандербильты, Уитни, Асторы и члены российской императорской семьи — все они обожали Tiffany & Co. А Жаклин Кеннеди Онассис предпочитала фарфор от Тиффани для государственных обедов в Белом доме.

Набор для чая и кофе от Tiffany & Co, 1912 год. Стоимость — 12, 5 тыс. долларов. Источник: 1stdibs.com

Итальянский футуризм: яркая геометрия 1920-1960 гг.

Футуризм как стиль существовал в эти годы и в живописи и в основном был популярен в Италии и России. Именно благодаря итальянскому влиянию изобразительное искусство в этом стиле до сих пор является частью наших будней и прослеживается в предметном дизайне (чайник, текстиль, декор).

Чайник Albisola San Giorgio — керамика, стиль футуризм. Производство Италия. Источник: 1stdibs.com

«Космический» дизайн: пережитая эпоха 1990-2010 гг.

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

Чайник из коллекции Vera бренда Bugatti в космическом стиле (Cosmo). Источник www.villageclub.ru

Футуризм с оттенком ретро: 2010-…

Футуристичный дизайн с налетом ретро 60-х сейчас популярен у многих брендов верхнего ценового сегмента. SMEG, Breville и другие компании предлагают очень изысканные, элегантные варианты, которые идеально дополняют образ современной кухни. Обычно они имеют геометричный орнамент и вставки металла (цвета серебра, меди, золота и розового золота).

Чайник и тостер бренда Breville, коллекция Curve с хромированными деталями. Источник: eBay.

«Умные» чайники: 2015-…

Управлять через смартфон можно Xiaomi MiJia Kettle, Redmond RK-M171S и некоторыми другими моделями «умных» чайников. Именно голосовое управление — самый последний «писк моды».

«Умный» чайник Redmond серии G22*S имеет функцию голосового управления (через «Алису» от Яндекса), необычные светодиоды, управление через приложение, определение веса, уровня освещения. Всё, что вам нужно — это сказать с дивана «Алиса, включи чайник!». У Redmond есть кофеварки, увлажнители воздуха и другие «умные» продукты с революционным голосовым управлением.

Чайник Redmond G22*S, который можно подключить к «Умному дому» от Яндекса. Источник: Mobile-review.com

что читать и где учиться? — статьи на Skillbox / Skillbox Media

История веб-дизайна начиналась в 1990 году, когда британский учёный Тим Бернерс-Ли разработал язык HTML (англ. HyperText Markup Language) — язык гипертекстовой разметки. С его помощью 6 августа 1991 года команда Бернерса-Ли сделала первый в мире сайт — http://info.cern.ch.

Первые сайты представляли собой страницы с текстовыми ссылками, которые вели на другие сайты. Речи о дизайне и вёрстке тогда не шло — у первой версии HTML не было возможностей мультимедиа, которые доступны нам сегодня.

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

В 1994 году появился Консорциум Всемирной паутины, известный как W3C. Эта организация и сегодня разрабатывает и утверждает технологические стандарты интернета.

До 1996 года Консорциум выступал в роли консультативного органа, где крупнейшие мировые компании вырабатывали цельный подход к развитию HTML. Благодаря единым стандартам и набору тегов веб-сайты работают в разных браузерах и на разных устройствах. Сегодня мы называем это кросс-платформенностью.

Настоящий веб-дизайн, близкий к тому, который мы знаем сегодня, появился в период с 1994 по 1998 год. Тогда интернет-технологии совершили бешеный рывок вперёд.

1994

Первая версия браузера Opera.

1995

Появились Internet Explorer 1, JavaScript и PHP.

1996

CSS и запуск технологии Flash, которую стали использовать для векторной графики, игр и мультимедиа.

1997

Релиз Internet Explorer 3 и HTML 4.0 — в мире уже 100 млн пользователей.

Именно технологический прорыв привёл к появлению веб-дизайна.

• Разрешение мониторов увеличилось до 800×600 пикселей.
• Мониторы стали отображать 256 цветов и оттенков, что привело к появлению сайтов с салатовым текстом на синем фоне.
• Первая типографика: на сайтах появились веб-шрифты Times New Roman и Courier New.
• Первая баннерная реклама, видеоплееры, анимированные GIF-изображения и цветные кнопки с 3D-эффектом.

Уроки графического дизайна для начинающих: бесплатные видео для домашнего обучения

Уроки графического дизайна для начинающих: бесплатные видео для домашнего обучения

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

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

Основные направления

Графический дизайн — художественно-проектная деятельность, направленная на создание визуальной графической системы. Можно выделить 10 направлений:

• Веб-дизайн — проектирование веб-сайтов, интерфейсов и приложений, создание логической структуры и художественного оформления.
• Полиграфия обращена на разработку печатной продукции: листовки, буклеты, газеты, журналы, книги.
• Фирменный стиль создает имидж фирмы, единство товаров и услуг, призван выделять фирму среди конкурентов (логотипы, товарные знаки, сочетание цветов, лозунг).
• Шрифт используется везде как способ передачи информации. С его помощью можно создавать эффектную визуальную картинку.
• К дизайну рекламной продукции относится разработка всех видов печатной рекламы (визитки, листовки).
• Дизайн упаковки и этикетки является элементом брэндинга, представляет собой отдельное направление, включающее в себя разработку стиля упаковочных изделий (пакеты, коробки, емкости и т.д.).
• Рисунки и иллюстрации подразумевают художественное воплощение задумки в визуальной форме.
• Инфографика призвана облегчить процесс восприятия сложной информации в более простых и доступных формах (графиках, картинках, схемах).
• Дизайн пользовательских интерфейсов относится к веб-дизайну (программы, приложения).
• 3D дизайн включает объемное моделирование (промышленное, интерьерное и т.д.).

Кто такой графический дизайнер

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

Лекции о главном

Лекция «Дизайн — особый вид коммуникации XXI века» Алексея Ромашина состоит из 3-х частей. Алексей в популярной форме рассказывает о графическом дизайне, типографике и креативе.

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

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

Занятия для начинающих

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

Типичные ошибки

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

Создаем визитки

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

Упаковка

Цель упаковки — убедить покупателя совершить покупку. Это очень перспективная и востребованная область дизайна, так как удачный и узнаваемый дизайн поднимает продажу продукции. Видеокурс посвящен основам графического дизайна, ориентирован на начинающих дизайнеров или желающих систематизировать ранее полученные знания. История возникновения дизайнерской упаковки, его развитие, появление уникальных образцов упаковки, преобразование упаковки в инструмент продаж и много другой интересной информации можно почерпнуть, просмотрев ролик. Автор выделил этапы создания упаковки и подробно рассказал о каждом их них. Придерживаясь такой схемы, будет легче правильно выстраивать свою работу. Также будут рассмотрены основные принципы типографики: компоновка, логика, ритм, контраст и иерархия, взаимодействие шрифта и изображения, использование модульной сетки. 

Создание баннера 

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

Цвет в рисовании

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

Макет плаката

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

Графический дизайн для чайников: четыре основы для не дизайнеров

От Facebook до Twitter, от Instagram до веб-сайтов электронной коммерции — каждая компания должна иметь сильное цифровое присутствие. Это делает надежный графический дизайн более важным, чем когда-либо. Если вы управляете малым бизнесом, лучшее, что вы можете сделать для создания последовательного и запоминающегося сообщения, — это нанять профессионального дизайнера, чтобы убедиться, что ваш логотип, вывески и присутствие в Интернете согласованы, привлекают внимание и оптимизированы для мобильных устройств.Но если вы не можете позволить себе дизайнера, есть некоторые настройки, которые вы можете сделать самостоятельно — при условии, что вы знаете основы.

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

Что такое графический дизайн?

Согласно профессиональной ассоциации AIGA: «Графический дизайн, также известный как коммуникационный дизайн, — это
искусство и практика планирования и проектирования идей и опыта с визуальным и текстовым контентом.Форма, которую он принимает, может быть физической или виртуальной и может включать изображения, слова или графику ». Цель графического дизайна — визуально передавать сообщения.

В своей книге «Книга о дизайне не для дизайнеров» Робин Уильямс рекомендует людям рассматривать дизайн как C.R.A.P. Этот акроним представляет четыре ключевых понятия: контраст, повторение, выравнивание и близость. Если вы будете следовать этим четырем принципам, у вас есть основа отличного дизайна.

Что такое контраст?

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

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

Что такое повторение?

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

Что такое выравнивание?

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

Что такое близость?

Близость — это базовая концепция: это процесс размещения связанных элементов дизайна вместе.Объекты, не связанные друг с другом, не следует группировать. Графические дизайнеры используют пустое пространство для создания чистых сообщений, которые не переполнены. Самая распространенная ошибка, которую допускают не дизайнеры, — это втиснуть слишком много объектов в пространство, что приводит к беспорядку. Любой хороший графический дизайнер посоветует вам использовать пустое пространство, чтобы сообщение выделялось.

Дизайн-системы для чайников. Практическое руководство по созданию вашего первого дизайна… | by Анкур Багчи

Дизайн-система — лучший друг ленивого дизайнера.Системы проектирования позволяют:

• Преобразовать собранную вами схему соединений в красивые макеты всего за несколько минут.
• Убедитесь, что кнопка, которую вы только что разместили, имеет тот же оттенок киноварь, что и другая на той странице тьфу, где она снова была…
• Поменяйте основной цвет вашего приложения на любимый бордовый цвет вашего босса одним щелчком мыши.
• Избегайте будничного объяснения поведения этого текстового поля разработчикам каждый месяц.
• Обманывать копированием — никто не узнает, что на создание 15 новых экранов, которые понадобятся вам на следующей неделе, потребовалось десять минут.

Дизайн-система — ваш золотой гусь. Просто внесите его один раз, и у вас будут золотые омлеты надолго.

Если у вас уже есть продукт и вам нужно создать систему дизайна из существующего списка экранов, перейдите к Шаг 3 .

Если вы знаете, что такое дизайн-система , и хотите получить советы по ее созданию в Sketch , , переходите к Step 4 Part 2 .

Оцените внешний вид вашего продукта.Кто пользуется вашим продуктом — подросток, голодный до дофамина, или руководитель в костюме? Руководство по стилю должно попытаться определить сообщение, которое вы пытаетесь передать своей группе пользователей.

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

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

или

Я хочу, чтобы Cookie Monster загрузил мое приложение и сразу нашел самые дешевые файлы cookie, которые он может купить поблизости. Количество превосходит качество в любой день!

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

Если вы все еще не можете определиться со стилем, поищите товары, похожие на ваш. Либо подражайте им, либо попытайтесь занять неизведанную нишу.

К концу этого шага вы должны иметь приблизительное представление о:

• Цвета или палитра вашего бренда
• Выбор семейства шрифтов
• Тон вашей копии ( Звучит ли ваш продукт формально? Дружелюбно? Слегка сбит с толку? )
• Общее представление о том, как должно выглядеть ваше приложение при использовании

… или веб-сайта.Просто в нем не было такого же острого ощущения.

Хорошая система проектирования требует от проектов до системы . Надеюсь, у вас есть первые наброски экранов или схем, которые вы хотите сделать красивыми. Если нет, сделайте это в первую очередь.

Сценарий использования вашего конкретного продукта во многом будет определять то, как пользователь перемещается и перемещается по приложению. Вы — картографическое приложение, такое как Uber, или сложный лабиринт некоего синего всеобъемлющего приложения для социальных сетей?

Нарисуйте основные функции и то, как они должны соединяться друг с другом.Вы умеете это делать.

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

Это поможет вам определить шаблоны навигации, которые вы хотите использовать. Например,

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

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

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

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

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

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

Есть множество шаблонов, которые вы можете позаимствовать.

К концу этого шага вы должны иметь приблизительное представление о:

• Карта вашего продукта и его функциональные возможности
• Шаблоны навигации высокого уровня, которые вы будете использовать

Скорее всего, ваш продукт есть разделы страниц (или целые страницы!), которые повторяются во всем приложении.Перечислите их.

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

• Поле видеоплеера для каждого видео с кнопками «Нравится» / «Комментарии» / «Подписаться»
• Модальное представление с разделом комментариев и возможностью публикации
• A раздел профиля для всех с кратким описанием их истории активности

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

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

Когда вы работаете с символами в Sketch или аналогичном программном обеспечении, вам нужно будет создать свои отдельные атомы (например, значок, кнопку, переключатель и т. Д.) Довольно рано, но не делайте ошибки, начиная с определения . те первые, когда вы составляете свой список.Это потому, что вы лучше поймете, как эти атомы подходят друг другу, если будете знать , как и , где они будут соответствовать .

Обязательно перечислите свои самые большие секции в первую очередь. Я настоятельно рекомендую вам начать с составления приблизительного списка в следующем порядке:

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

• Шаблоны страниц — это страницы с одинаковым общим макетом. Например, экран подтверждения после того, как пользователь заполнил форму, может содержать графику, заголовок, а затем текст вместе с кнопкой, чтобы вернуть их домой.Постарайтесь сохранить согласованность в рамках тех же типов и потоков.

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

К концу этого шага вы должны иметь приблизительное представление о:

• Список общих шаблонов страниц, которые вы будете использовать
• Список общих разделов, которые повторно используются на страницах

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

Теперь, когда у нас есть шаблоны страниц и разделы, мы переходим к мельчайшим деталям — компонентам и атомам.

Компоненты — Компонент — это небольшая группа элементов пользовательского интерфейса, которые работают вместе. Например, текстовое поле для ввода вашего комментария и кнопка «отправить», чтобы отправить его. Или кнопку основного действия и дополнительную кнопку «Отмена». Компоненты составляют основу ваших разделов и являются основными инструментами комплекта системы проектирования. Компоненты (и разделы) — это то, что вы будете перетаскивать на свои экраны после завершения работы с системой дизайна.

• Атомы — Это крошечные кусочки, из которых состоят ваши компоненты. Например, поле ввода текста — это атом, а кнопка отправки — атом. Причина, по которой мы разделяем компоненты на атомы, заключается в том, что мы можем повторно использовать одни и те же атомы в разных компонентах или настраивать компоненты с разными версиями одного и того же атома.Подробнее об этом позже.
• Шрифты, цвета и стили — Ваши атомы и компоненты должны использовать общий набор стилей, которые вы, надеюсь, собрали вместе на этапе 1. Практически вы хотите связать каждый фрагмент текста, фирменный цвет или стиль (например, тень, применяемая ко всем кнопкам) к общей привязке, которую вы создаете этого типа. Затем вы можете изменить привязку Comic Sans к Papyrus и наблюдать, как все ваше приложение изменится от имитации графического романа к имитации внутренней части великой пирамиды.

Этот полушаг посвящен созданию вашей первой дизайн-системы в Sketch. Если вы используете другие подобные инструменты, суть этого все равно будет актуальной.

Вот краткий список шагов, которые помогут вам не переделывать вещи позже.

Создание библиотеки эскизов

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

Определите свои платформы

Вы делаете это для нескольких платформ, таких как Android и iOS? В таком случае вам, вероятно, понадобятся отдельные списки компонентов для каждого из них. Я предпочитаю хранить все компоненты моей платформы в одной библиотеке Sketch, чтобы было проще управлять и обновлять.

Используйте структуру вложенных групп для организации ваших символов.Верхним уровнем этой структуры папок могут быть имена ваших платформ.

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

Создание стилей

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

Существует множество ресурсов о том, как систематизировать стили текста. Для стилей слоев попробуйте создать несколько с цветными заливками, которые представляют ваше руководство по стилю и палитру брендинга. Со временем они будут пересматриваться по мере создания компонентов и определения визуальной темы, поэтому не тратьте на это слишком много времени.

Убедитесь, что каждый фрагмент текста в ваших атомах / компонентах использует стиль текста.Каждый цвет, применяемый к вашим атомам / компонентам, в идеале должен исходить из стиля слоя. Это сэкономит вам массу времени позже, когда вы попытаетесь изменить внешний вид целых разделов.

Создание атомов и компонентов

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

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

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

Не бросайте атомы в свои мокапы

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

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

Помните, что эта вещь должна масштабироваться для других дизайнеров, поэтому вы должны убедиться, что она проста в использовании. Хм… вроде как, почти звучит как оптимизация внутренних процессов UX, и у кого есть на это время?