Дизайн слов: Дизайн слов

Содержание

Дизайн слов

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

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

Люди не читают ваш интерфейс

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

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

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

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

Другими словами: не стоит забивать дизайн lorem ipsum. Дизайн стоит начинать со слов.

7 подсказок для дизайна с помощью слов

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

1. Сокращайте

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

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

2. Добавьте заголовки

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

До и после:

Заголовки упрощают поиск нужного

3. Делайте списки

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

4. Дайте отдохнуть

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

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

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

Приправьте визуальной передышкой

5. Расставляйте приоритеты

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

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

Какой легче читать?

6. Медленное откровение

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

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

Слишком много текста? Попробуйте подавать его по частям

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

7. Пишите в макетах, не в Word

Приходилось вам написать что-то прекрасное на бумаге, затем перенести это на продукт и ужаснуться конечному виду текста? Так случается, когда вы пишете в Гугл-доках, Dropbox paper или любых других приложениях для письма.

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

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

Напутственные слова

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

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

Перевод: John Saito — How to design words

logomachine.ru — дизайн логотипов и фирменного стиля

101 бесплатный сервис для дизайнера / Блог компании Pixli / Хабр

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



Шрифты


  • Google Fonts – всеми любимая библиотека шрифтов. Позволяет подобрать и скачать разные шрифты на все случаи жизни.
  • 1001 Free Fonts — библиотека шрифтов. Имеет удобную навигацию – шрифты отсортированы как по алфавиту, так и по типам. Имеется раздел русских шрифтов.
  • Fontstruct – онлайн конструктор шрифтов. Очень простой инструмент, позволит создать собственный шрифт. Рисовать можно не только стандартными квадратами, но и другими фигурами – точки, закругленные углы и пр. Для начинающего идеальный инструмент, чтобы попробовать и увидеть типографику в действии.
  • Font Squirrel – одна из самых больших библиотек шрифтов. Кроме этого можно загрузить рисунок и получить названия шрифтов, используемых на нем. Есть магазин шрифтов, и даже магазин одежды с логотипами.
  • Type light – полнофункциональный редактор шрифтов. Позволяет создавать, редактировать и конвертировать шрифты OpenType, TrueType и PostScript. Необходимо скачивать и устанавливать. Бесплатная версия имеет ограниченный функцуонал по сравнению с бесплатной. Но для создания простого шрифта хватает.
  • What Font is – онлайн сервис для подбора шрифтов сайта. Загружаем файл шрифтов, указываем url сайта и выидим как загруженный шрифт будет выглядеть на сайте. Удобнцый сервис.
  • 1001 Fonts – библиотека шрифтов (более 15000). Удобная навигация – шрифт можно выбрать по размеру, типу, теме, дизайну и т.д. Меню позволяет настроить вывод, что дает возможность увидеть каждый шрифт в разных опциях: размер, начертание и т.д.
  • Font Flame – онлайн сервис подбора пары сочетаемых шрифтов. Действует очень просто – на главной странице предложен листок с двумя надписями, сделанными разными шрифтами. Понравилось – жмите «Love», нет – «Hate». Потом выбранные можно просмотреть еще раз. Клик по названию шрифта открывает Google Fonts.
  • Typecast – выбор шрифта для прототипа. Можно просмотреть как шрифт будет выглядеть на любых устройствах. Необходимо обозначить разные типы текста – заголовки, кавычки и т.д. Можно выбрать гарнитуру, размер, начертание, установить отступы. Вы увидите вашу будущую страницу в тех шрифтах, которые установили. Большой плюс – выбор макета (одна колонка или несколько, разные расположения блоков).
  • Wordmark — позволяет подобрать шрифт, установленный на компьютере пользователя, для текста, логотипа или заголовка. При вводе текста в поле показывает его различными шрифтами. Можно выбрать размер, регистр, отображение черно-белое или наоборот. Понравившиеся варианты публикуются в триттере или на фейсбуке – по выбору пользователя. Можно отправить на email.

Стоки фотографий


  • Unsplash – постоянно пополняемый сток фото. Коллекции разделены на темы. Можно найти все что угодно, от «Афроамериканцы» до «Природа». Каждая фотография имеет свою оценку, можно посмотреть лучшие или новинки.
  • FoodiesFeed – фото еды. Изображения разбиты по категориям. Можно выбрать лучшие, эксклюзивные, иконки, мокапы и пр.
  • Free Refe Photos — огромный список изображений «Real life». Главным образом пейзаж и фотографии природы. Неудобная навигация, все фото на главной странице, появляются при скроллинге.
  • Little Visuals – качественные фото ландшафтов и зданий. Можно скачать архивом лучшие фото, выложенные за неделю. Фотографии обозначены хештегами, но не разбиты по категориям.
  • Gratisography – огромная библиотека бесплатных фото. Все фото разбиты на шесть тем: люди, гримасы, города, предметы, природа и животные. Можно искать по словам.
  • Death to the Stock Photo – сток фотографий. Просто посмотреть и выбрать нельзя. Они делают подборку за месяц и дают ее скачать после ввода email. Архив весит около 11 Мб. На почту присылают лучшие фото и ссылку на скачивание.
  • Superfamous – большая коллекция фото с необычного ракурса. Набор небольшой, но интересный.
  • The Pattern Library – шаблоны и текстуры. Набор достаточно велик, шаблоны необычны. Сменяются прокруткой, причем постепенно. Можно увидеть как шаблон будет выглядеть на весь экран или на его часть.
  • New Old Stock – винтажные фото из архивов. Бесплатных фото немного, но регулярно появляются новые.
  • Pexels – большое количество фото на все случаи жизни. Разбиты по темам, очень удобно искать.
  • Jay Mantri — большой набор фотографий. Классификации как таковой нет, можно посмотреть по месяцам.

Стоки графики


  • Brusheezy – бесплатные кисти, шаблоны, текстуры и прочее для фотошопа. 12 категорий, в каждой из которых подкатегории. Выбор огромен.
  • Iconfinder – иконки, как платные, так и бесплатные. Скачать можно в форматах ICO, PNG, ICNS, SVG.
  • Brushez – большая коллекция кистей для фотошоп. Кроме них еще векторные примитивы, формы, шаблоны, стили. Каждый раздел разбит на подразделы. Например, для кистей более 20 категорий.
  • Vecteezy – бибилотека векторной графики, включая изображения и иллюстрации. Большое количество категорий и огромное – графики.
  • Iconbird — русскоязычный сервис по поиску иконок. Можно ввести тему и получить набор иконок, а можно просматривать по категориям.
  • Icons8 — русскоязычный сервис, предлагающий более 42000 иконок по разным тематикам.

Инфографика


  • Vizualize – онлайн сервис для создания инфографики «О себе». По сути, создает графическое резюме.
  • Canva – простой инструмент для создания любого дизайна. Позволяет оформить презентацию, плакат, запись в соцсетях, книги, письма, материалы и многое другое. Все делается на основании шаблонов, меняется текст. Но шаблонов очень много, есть из чего выбрать.
  • Easelly – создание инфографики на основании шаблонов. Встроенный онлайн редактор позволяет менять оформление, размещать дополнительные жлементы, менять текст.
  • Infogram – онлайн сервис для создания инфографики и интерактивных диаграмм. Не все функции доступны, придется покупать аккаунт.
  • Visage – простой инструмент для создания любого визуального контента (диаграммы, инфографика, изображения для блога и пр.). Множество шаблонов, простой редактор. Некоторые функции платные.
  • Gliffy – онлайн сервис для создания диаграмм. Редактор действует по принципу Microsoft Visio.
  • Visme – онлайн инструмент для создания презентаций и инфографики. Более 1000 шаблонов. Редактор позволяет добавлять текст (заголовки, списки, кавычки и обычный), анимированный текст и виджеты. В бесплатном аккаунте можно скачать как JPG файл.
  • Piktochart – создание высококачественной графики – презентации, инфографика или печатный материал. Выгружается PNG, JPG разных размеров.
  • Drawio – удобный онлайн сервис для создания диаграмм. Можно сохранять в dropbox и подобные сервисы, можно на диск.
  • Venngage – простое создание инфографики, плакатов, отчетов, материалов для соцсетей и пр. В бесплатной версии дает только ссылку на публикацию. За скачивание надо платить.
  • Cacoo —онлайн сервис для рисования диаграмм и карты сайта. Пожалуй, самый лучших по возможностям. Большое количество инструментов и шаблонов. Экспортировать можно в PNG, PDF, SVG, PPT и др.
  • Creately – онлайн сервис рисования диаграмм. Доступны только для публикации. Скачивание платное.
  • Lucidchart — онлайн сервис создания диаграмм и чертежей. Есть возможность импортировать диаграмму Microsoft Visio. Экспортируется в PDF, PNG и JPG. Имеется платный функционал.

Цвета


  • Color Hunt – подбор сочетаний цвета. Можно подбирать до четырех цветов. Есть готовые решения для выбора.
  • TinEye – анализирует сайт и выводит список ресурсов, на которых используется картинка с сайта.
  • ColorZilla – позволяет создавать цвета и градиенты. Выводит css свойства для них.
  • Adobe Color CC – создание цветовых схем.
  • Colicious – нажимайте на пробел и генерируйте новый цвет.
  • Colorscheme — подбор цветовых схем. Есть версия на английском и на русском. Позволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую.
  • Paletton – инструмент для создания комбинаций цветов. Ничем не отличается от Colorscheme.
  • Pictaculous – анализирует палитру изображения PNG, JPG или GIF. Загружайте изображение и получите набор всех цветов, которые в нем присутствуют.
  • Hex Color Tool – инструмент выбора цвета. Ползунками настраивается цвет, можно выбрать яркость. Затем выбранный цвет сохраняется. Можно подобрать палитру.
  • (Un)clrd – плагин для браузера, который удаляет все цвета и оставляет сайт в черно-белом цвете.
  • BrandColors — самая большая коллекция официальных фирменных цветовых кодов. Выбираете название бренда и скачиваете названия его цветов, в том числе и в css- файл.
  • Colortyper — подбор цветов с необычного ракурса. На экране показываются разноцветные символы, которые пересекаются. Результат пересечения – новый цвет. Выглядит интересно.

Вдохновение


  • Dribbble — Самое многочисленное сообщество дизайнеров. Работы, сообщества, общение – здесь можно найти все что угодно.
  • Freebbble – шаблоны и дизайны из Dribbble. Что-то можно скачать бесплатно, что-то купить. Можно найти шаблоны для CMS, конструкторов, иконки, мокапы, сверстанные шаблоны сайтов и многое другое.
  • Muzli — Ежедневное вдохновение дизайна. Ресурс для дизайнеров с примерами самых необычных работ.
  • Awwwards – лучшие разработки дизайнеров. Организован как сообщество, где можно проголосовать сайт. Выбираются сайт дня, месяца, года и пр. Большое количество дизайна, видео, разработок.
  • Design You Trust — сообщество дизайнеров, совместно использующее последние тенденции, новости, портфолио, дизайны и творческие объявления.
  • Really Good Emails — огромная коллекция хорошо разработанных электронных писем. Выбираете шаблон и получаете его код html, css и js. Можно менять текст, рисунки и пр.
  • Fubiz – публикации из области дизайна и креатива. Можно найти фотографии, дизайн, графику, видео и др. Все разбито по категориям.
  • Designspiration – коллекция дизайнов в стиле Pinterest. Огромное количество идей и примеров – типографика, логотипы, письма и многое другое.
  • Behance – коллекция портфолио от профессионалов. Можно оставить вакансию или резюме.
  • Mobile-patterns – библиотека скриншотов iOS и Android. Все разбито по разделам. Можно найти много идей.
  • One Page Love – галерея лучших дизайнов web-страниц. Можно купить шаблоны и темы. Есть и бесплатные.
  • Uispace — ресурс для дизайнеров. Можно бесплатно скачать psd, sketch, шрифты, мокапы и пр.

Графические редакторы


  • DAZ 3D — 3D моделирование. Регистрируетесь и скачиваете дескопное приложение.
  • Gimp – бесплатный аналог фотошопа. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым — можно скачать дополнительные плагины.
  • Blender — 3D моделирование, анимация, рендеринг, звук, видео. Позволяет создавать игры. Быстро развивающийся редактор, очень популярен.
  • Aviary – онлайн сервис редактирования фотографий. Много возможностей, в том числе «Эффект красных глаз», изменение размера и пр.
  • Pixlr – онлайн редактор фотографий и редактор графики отдельно. Последний похож на фотошоп. Сохраняет на диск.
  • BeFunky – онлайн сервис редактирования фотографий. Эффекты, рамки, графика, ретушь и многое другое. Есть русскоязычный интерфейс.
  • Inkscape – полноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др.
  • IconEdit2 – очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования.
  • Falco GIF Animator — программа для создания покадровой анимации и анимированных иконок. На ресурсе можно скачать много разных программ.
  • Krita – профессиональный десктопный редактор с открытым исходным кодом. Доступен для разных ОС.
  • Boxy-SVG — редактор векторной графики, подобный Adobe Illustrator, Sketch и Inkscape.
  • Photopos — многофункциональная программа, с функциями редактора фотографий, графического редактора и приложения для создания компьютерной графики.
  • 5Dfly — бесплатное приложение пакетной обработки фотографий. Умеет создавать слайд-шоу под PowerPoint. Отдельно можно скачать конвертер в PDF.
  • PaintStar — бесплатный редактор изображений. Интерфейс очень похож на Paint, но возможностей больше. Слои, например.
  • PhotoScape – простой редактор фотографий. Имеет функции настройки яркости и цвета, баланс белого, коррекция подсветки, рамки, воздушные шары, мозаичный режим, добавление текста, рисование изображений, обрезка, фильтры, удаление эффекта красных глаз, расцветка, кисть, клон-марка, кисть эффекта и пр.
  • Pablo — онлайн редактор, создающий изображения для социальных сетей. Можно загрузить изображение, посмотреть его для разных устройств, наложить эффект и и текст.
  • Internet Marketing Ninjas – онлайн сервис для быстрой обрезки изображений. Очень удобно, если надо сделать быстро.
  • Meme Generator — генератор мемов. Можно выбрать картинку, создать подпись или сгенерировать ее автоматически. Не скачивается, только публикуется в соцсетях.

Программы для создания логотипа


  • Free Logo Maker – онлайн редактор для создания простых логотипов. Позволяет рисовать с нуля. Бесплатно сохраняет в PNG.
  • DesignMantic – сервис, генерирующий логотип. В редакторе можно изменить, добавив новую форму или текст.
  • Logotype Maker – сервис, генерирующий логотип на основании шаблона. Потом можно поменять в редакторе. Сохраняет в JPG и PNG форматах.
  • Jeta Logo Designer — позволяет быстро создать красочный логотип. Очень проста в обращении. Имеет набор из более чем 10000 фигур и иконок. Возможности стилизации достаточно велики. Объекты, как и текст, можно трансформировать и поворачивать, добавлять эффекты сглаживания, свечения, обводки, тени и т.д. Всего имеет около 200 стилей для фигур. Ручное рисование не предусмотрено, но можно загружать рисунки. Имеет собственные шаблоны логотипов.
  • Flaming Text — онлайн сервис для разработки дизайна логотипа. Основан на шаблонах, но имеет встроенный редактор. Сохраняет в PNG формате.
  • Logo Ease — программа для создания логотипов. Логотип можно создать на основании шаблона, редактировать.
  • Online Logo Maker — онлайн сервис создания логотипов. Простой редактор, легко скачать. Бесплатно только вариант на 300px.

Прототипирование


  • Napkin – десктопное приложение для быстрого создания мокапов для iPhone.
  • HTML5 UP – отзывчивые и адаптивные шаблоны HTML5.
  • Inkbrush — Онлайн инструмент для проектирования шаблонов писем электронной почты. Совмещается с почтовыми службами.
  • Marvelapp – онлайн сервис для создания интерактивного прототипа. Можно создать прототипы для разных устройств. Позволяет загружать готовые макеты, просто перетаскивая их в указанную область. В качестве рисунков используйте mockup. Загружайте, выделяйте области, настраивайте переходы. Интегрирован с DropBox и ГуглДиск, Sketch.
  • MockPlus – программа для создания прототипов на всех платформах. Скачивайте и создавайте. Досьупно для всех устройств.
  • InVision – приложение для совместной работы над прототипом проекта. Инструмент для компании любого размера. Разработка программного продукта с общим доступом — все этапы могут видеть и контролировать как разработчики, так и менеджмент компании.
  • Pencil – десктопный инструмент создания прототипов и интерфейсов. Имеет большой набор инструментов, в том числе диаграммю
  • iPlotz — создание управляемых каркасов сайта или приложения. Для шаблонов можно получить код HTML. Есть онлайн версия, есть десктопная.
  • MockFlow — создание моделей интерфейсов пользователя. Бесплатный доступ ограничен одним пользователем на один проект.
  • Pictofon – быстрое создание мокапа для любого устройства. Выбираем макет, загружаем картинку и получаем мокап в PNG формате.
  • Placeit — Бесплатные шаблоны и мокапы для всех типов устройств. Выбираем макет (от него зависит ракурс просмотра), указываем имя сайта и видим как он будет выглядеть.
  • Pixli – платформа для web-дизайна. Есть бесплатный аккаунт, в котором можно создать мокап, прототип и на его основании сразу сайт.

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

Мы планируем расширять эту подборку новыми сервисами и разделами. Будем благодарны, если вы поделитесь своими находками!

48 терминов из дизайна, которые должен знать каждый маркетолог

Вы когда-нибудь задумывались, что станет для вас возможным в маркетинге даже с небольшим запасом знаний дизайна? Хотите вывести ваши соцсети на новый уровень, увеличить количество подписчиков, лайков и шеров? Без хорошего визуального контента не обойтись! К счастью, в эру интернета обучение новому стало доступным каждому, кто умеет пользоваться поисковиком. Чтобы легче было осваиваться в новой области, изучите эти 48 понятий дизайна и область их применения. Для удобства чтения мы разбили термины на группы.

Оформление | Шрифты и отступы | Цвета | Брендирование | Работа с дизайном

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

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

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

Представьте, что на вашем изображении нарисована сетка, которая своими линиями делит изображение на 3 равных части.

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

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

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

Засечки – это как бы маленький «взмах» или завитушка на буквах. Самый известный представитель – Times New Roman. Шрифты с засечками лучше использовать для заголовков и других выделяющихся элементов. Они цепляют взгляд читателя.

«Sans» означает «без», соответственно, «sans-serif» – шрифт без засечек на буквах. Типичный представитель – Arial.

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

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

Обычно стили этой категории используются в качестве дисплей-шрифтов. Не рекомендуют использовать slab serif при написании большого объема букв. В таком случае текст становится нечитаемым.

   Пример такого шрифта – Museo Slab.

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

 Пример, как может выглядеть текст шрифта в рукописном стиле.

Моноширинный шрифт (также известный как шрифт фиксированного шага, фиксированной ширины или непропорциональный шрифт) – когда буквы и остальные знаки (числа и значки обозначений) занимают одинаковое количество горизонтального расстояния. Иными словами: и буква «ж» и буква «т» будут равны по ширине, равно как и цифра «2». Большой массив моноширинного текста воспринимать сложно. Зато это может быть хорошим дизайнерским решением для заголовках на афишах.

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

Пример, иллюстрирующий важность иерархии объектов в тексте.

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

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

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

Большой пробел между строками позволяет разделить текст на блоки, абзацы. Небольшое разделение делает текст единым.

Это линии текста, которые остаются «в одиночестве» наверху или внизу абзаца. Есть 2 варианта висячих строк:

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

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

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

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

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

Hex – модель, состоящая из 6 цветов, которую используют в HTML, CSS и в дизайне приложений программного обеспечения для репрезентации цветов.

CMYK – цветовая модель, которая используется для печати. Цвета CMYK изначально более светлые, чем получаемые при смешении цвета. Чем больше смешений, тем темнее получаемый цвет.

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

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

Теплые цвета, как красный, оранжевый, желтый или вариации из этих цветов несут дружественный, радостный, уютный настрой.

Холодные цвета, такие, как синий, зеленый, фиолетовый, имеют способность успокаивать.

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

Комплементарными называются цвета, которые находятся друг напротив друга в цветовом круге (например, красный и зеленый). Цвета, расположенные на противоположных точках круга позволяют «играть» с контрастностью и выделением необходимых объектов.

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

Есть 3 базовых понятия в цветовой теории:

  1. Цветовые круги – дают подсказку, какие цвета лучше использовать вместе.
  2. Цветовая гармония – согласованность цветов в результате найденной их пропорциональности форм и объемов использования.
  3. Контекст того, как используются цвета, их влияние на человеческое восприятие.

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

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

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

Градиент – это постепенное изменение цвета в другой цвет (например, зеленый плавно переходит в синий) или плавный уход цвета в прозрачность. Есть 2 типа градиента: линейный и радиальный.

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

Это позволяет сделать некоторые элементы дизайна прозрачными. Чем меньше уровень непрозрачности, тем более прозрачным выходит элемент. Например, 100% непрозрачность означает объект в обычном виде.

Более прозрачные объекты «весят» меньше. Можно выделять остальные предметы на изображении. С помощью прозрачности «играют» с оттенками цветов.

Тон – способ описания цвета. Любой цвет в цветовом круге – это тон. Красный, синий и желтый – это тона.

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

Насыщенные тона позволяют выделить главное. Использование оттенков делает объекты визуально мягче и легче.

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

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

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

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

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

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

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

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

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

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

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

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

Текстура – это определенный вид «поверхности» изображения. Можно сделать объект на картинке как будто выложенным из кирпича или сделанным из ткани. Текстура придает изображению объем и реалистичность, делает картинку «вкусной» и продающей.

Это раскладка вещей на картинке так, чтобы они были под углом 90 или 180 градусов друг к другу. Иными словами: предметы лежат параллельно или перпендикулярно друг другу.

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

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

Хороший пример белого пространства – домашняя страница Google. Все практически состоит из белого цвета, чтобы пользователи могли сконцентрироваться на строке поиска.

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

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

Понятие насыщенности относится к интенсивности и чистоте цвета. Чем более насыщенный цвет, тем более ярким он кажется. Ненасыщенные цвета кажутся бледными.

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

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

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

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

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

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

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

Растровые изображения состоят из сетки пикселей. При изменении размера изображения оно может стать размытым. Скорее всего большинство картинок, которые вы когда-либо видели, были растровыми.

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

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


Материал подготовлен на основе текста, взятого с сайта blog.bufferapp.com.

15 важных терминов в веб-дизайне

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

1. Vector graphics

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

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


2. Bitmapped graphics

Bitmapped graphics – растровая графика. Уже описана выше. Стоит добавить, что растровые изображения всегда зависят от разрешения экрана. При сильном увеличении растрового изображения можно будет увидеть точки, из которых оно состоит. К слову, каждая сделанная вами фотография является растровым изображением.

3. CMYK

CMYK: Cyan, Magenta, Yellow, Key color. Четырёхцветная палитра расшифровывается как название цветов «голубой, пурпурный, желтый и черный» и является самой распространенной цветовой схемой, используемой для печати.

Цвет компьютерного экрана изменяется от черного (отсутствие цвета) до белого (максимальная яркость всех составляющих цвета: красного, зеленого и синего). На бумаге, напротив, отсутствию цвета соответствует белый, а смешению максимального количества красок – темно-бурый, который воспринимается как черный.
Поэтому при подготовке к печати изображение должно быть переведено из аддитивной модели цветов RGB в субтрактивную модель CMYK. Модель CMYK использует противоположные исходным цвета – противоположный красному голубой, противоположный зеленому пурпурный и противоположный синему желтый.

4. RGB

RGB: Red, Green, Blue. Цветовая модель «красный, зеленый, синий». Если CMYK используется для печати, то RGB – это самая распространенная модель в цифровой графике. В отличие от принтеров, компьютерные мониторы используют красный, зеленый и синий цвета в своей палитре. Именно поэтому RGB является основной моделью, используемой веб-дизайнерами.

5. Responsive web design

Responsive web design – адаптивный дизайн: “К чему может адаптироваться дизайн?” – спросите вы. “К виду используемого устройства,” ответим мы. Это дизайн веб-страниц, обеспечивающий отличное восприятие на различных устройствах, подключенных к Интернету.

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


6. Flat design

Flat design – плоский дизайн: философия дизайна, в основе которой лежит простота и функциональность. У элементов, созданных по принципу «плоского дизайна», нет объема. В нем отсутствуют техники, направленные на придание глубины и объемности: нет градиентов, теней, текстур и бликов, которые придают объекту реалистичный вид. Вместо придания объема, плоский дизайн обращается к основам графики – ярким цветам, простым формам, кнопкам и иконкам.

7. Skeuomorph

Skeuomorph – скевоморфизм — это принцип, который подразумевает заимствование облика элементов дизайна из физически существующих прототипов.

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

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

8. Metro

Metro – метро-интерфейс, также известный как «дизайнерский язык Microsoft», был разработан Microsoft и сегодня используется во многих продуктах компании.

Стиль Metro основан на принципах дизайна швейцарского стиля. Основными принципами Metro являются акцент на хорошей типографике и крупный текст, который сразу бросается в глаза. Microsoft называет Metro «простым, чистым, современным», а также «обновлением» по сравнению с основанными на значках интерфейсам Android и iOS.

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

9. Style Tiles

Style Tiles – плитка: этот структурный стиль стал популярен благодаря успеху сети Pinterest. В его основе лежит структура, состоящая из колонн, и параллельная, но не симметричная подача материала в виде «плиток». В результате получаются разноразмерные сегменты, которые при этом сохраняют аккуратный, организованный вид.

10. Above the fold

Above the fold – верхняя половина полосы – это очень важный термин для людей, которые работают с онлайн платформами. Он взят из лексикона старомодных печатных газет, в которых самые важные новости размещались в «верхней половине полосы», чтобы их замечали в первую очередь. В дизайне «верхняя часть полосы» означает ту часть экрана, которая полностью видна без прокрутки вниз и основной контент должен размещаться именно здесь.

11. Long scrolling

Long scrolling – длинная прокрутка– это один из самых последних трендов в мире веб-дизайна. Термин, в общем-то, говорит сам за себя и означает структуру, где длинные страницы требуют постоянной прокрутки вниз.

Если вы активно пользуетесь социальными сетями, то вероятно, вы уже встречались с длинной прокруткой. Сайты вроде Facebook, Вконтакте, Twitter (и многие другие) славятся невероятно длинными новостными лентами, для просмотра которых нужно листать и листать страницу вниз. Концепция такого дизайна основана на том, что посетители не хотят тратить драгоценное время на загрузку контента и им проще «проскролить» страницу.

12. Negative space

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

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

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

13. Тexture

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

14. Mockup

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

15. Promo website

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

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

Автор: Лина Стопятюк

Превью: Depositphotos

Читайте также:

Как сэкономить деньги при создании сайта

5 основных цветов в веб-дизайне

6 основных правил хорошего лендинга

99 важных дизайнерских слов, которые вы должны знать

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

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

  • Дизайн: композиция, баланс, близость, выравнивание, повторение, контраст, белое пространство, иерархия
  • Фотографии и иллюстрации: разрешение , DPI, PPI, обрезка, обрезка, пиксели, кадрирование, исходное фото
  • Типографика: с засечками, без засечек, скрипт, восходящий, базовый, нисходящий, кернинг, интерлиньяж, трекинг, толщина
  • Цвет: оттенок, оттенок, тон, оттенок, насыщенность, монохроматический, аналогичный, дополнительный, триадный, непрозрачность, CMYK, RGB
  • Элементы веб-сайта: заголовок, панель навигации, навигационная цепочка, целевая страница, HTML, пользовательский интерфейс, каркас
  • Форматы файлов: AI, EPS, PDF, GIF, JPEG, PNG, PSD, TIFF
  • Типы логотипов: абстрактный знак, эмблема, буквенный знак, графический знак, талисман, словесный знак

Конструкция
-

Разработано robbyprada

Состав и расположение

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

Весы

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

Асимметрично сбалансированный логотип от artsigma
Симметричный

Симметрия достигается, когда все элементы дизайна равны по обе стороны от центральной линии

Асимметричный

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

Радиальный

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

Близость

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

Выравнивание

Выравнивание - это положение текста или графики по левому, правому краю, по центру или по ширине.

Повторение

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

Контраст

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

Белое пространство

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

Правило третей

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

Сетка

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

Иерархия

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

Масштаб

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

Эскиз эскиза

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

Макет

Макет - это реальная или цифровая модель, используемая для проверки ранних дизайнерских идей и определения того, как они могут выглядеть в реальном мире.

Фотография и искусство
-

Разрешение

Детализация изображения, основанная на количестве пикселей, называется разрешением. Изображение выглядит четче, когда оно имеет более высокое разрешение.

точек на дюйм

DPI означает «точек на дюйм», который является мерой качества принтера. Для высококачественной печати рекомендуется 300 точек на дюйм.Например, изображение с разрешением 300 точек на дюйм и размером 1200 × 1800 пикселей станет отпечатком размером 4 × 6 дюймов.

пикселей на дюйм

PPI означает «пикселей на дюйм», который является мерой плотности пикселей, используемой устройствами электронного изображения. Вероятно, вы увидите, что это используется со сканерами, камерами, телевизорами или мониторами. Узнайте больше о разнице между DPI и PPI.

Прокачка

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

Накладка

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

пикселей

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

Урожай

Дизайнер может вырезать или обрезать ненужные части изображения, чтобы улучшить кадрирование, выделить конкретный объект или изменить соотношение сторон изображения.

Стоковое фото / art

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

Типографика
-

Типы шрифтов

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

Serif

Засечки - это маленькие линии и крючки в конце штрихов некоторых букв.

Без засечек

Sans означает «без». Шрифт без засечек не имеет засечек.

Скрипт
В шрифтах

Script используется плавный курсив.

Slab serif

Slab serif отличается толстыми, блочными засечками.

Детали типа

Все шрифты состоят из одних и тех же основных компонентов.

Восходящее устройство

Верхний элемент - это часть строчной буквы, которая возвышается над основной частью буквы.Подумайте «б» или «з».

Базовый

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

Устройство для спуска

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

Средняя / высота по x

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

Расстояние между шрифтами

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

Кернинг

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

Ведущий

Произносится «ledding», интерлиньяж (также известный как высота строки) - это пространство между двумя строками текста.

Отслеживание

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

Корпус

Обычно символы доступны в двух формах.

Прописные

Большие заглавные буквы шрифта - прописные. Мама также использовала их, чтобы случайно НАКРИЧИТЬ НА ВАС, КОГДА ОНА СЕТИТ ВАМ.

Строчные

Строчные буквы относятся к строчным буквам гарнитуры.

Капсюли

Строчные или прописные буквы - это прописные буквы, которые имеют ту же высоту, что и строчные буквы.Они используются, чтобы слова, написанные с заглавной буквы, не появлялись на странице слишком большими. Хотите пример? Откройте любую книгу и посмотрите первые слова главы.

Стиль шрифта

Помимо интервала и регистра, шрифты также можно изменять по масштабу, весу и стилю.

Размер точки

Размер шрифта - это размер текста. В одном дюйме примерно 72 (72,272) точки.

Толщина шрифта

Толщина шрифта определяет жирность шрифта.

Курсив

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

Вдовы и сироты

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

Lorem ipsum

Lorem ipsum (также известный как фиктивный текст) используется в качестве заполнителя, который позже будет заменен фактической копией.Текст Lorem ipsum взят из книги «Крайности добра и зла», написанной Цицероном в 45 г. до н. Э.

Цвет
-

Теория цвета

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

Оттенок, оттенок, тон и оттенок

Оттенок - чистый цвет. Оттенок - это оттенок с добавлением белого. Тон - это оттенок с добавлением серого. Тень - это оттенок с добавлением черного.

Насыщенность

Насыщенность определяется интенсивностью цвета.

Поддон

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

Теплые и холодные тона

Теплые цвета можно найти на одной половине цветового круга (красный, оранжевый, желтый и розовый). Вторую половину занимают холодные цвета (синий, зеленый и фиолетовый).

Монохромный

В монохромной цветовой палитре используется один единственный цвет.

Оттенки серого

Монохромная цветовая палитра, основанная на сером, называется оттенками серого.

Аналог

Цвета, смежные друг с другом на цветовом круге (т.е. красный фиолетовый, красный и красно-оранжевый) аналогичны.

Дополнительные

Дополнительные цвета - это противоположности на цветовом круге. Эти отношения вызовут визуальное напряжение и «шок».

Триадический

Триадные цвета - это три цвета, равномерно распределенные на цветовом круге. Один цвет доминирует, второй поддерживает, а третий расставляет акценты.

Градиент

Градиент - это постепенное изменение одного цвета на другой. (Например, синий постепенно переходит в зеленый).

Непрозрачность

Непрозрачность - синоним непрозрачности. Чем прозрачнее изображение, тем меньше его непрозрачность.

CMYK

CMYK - это четырехцветная печать, состоящая из голубого, пурпурного, желтого и основного (черного) цветов. Цвета CMYK при печати никогда не будут такими яркими, как цвета RGB на экране, потому что CMYK создает цвет, складывая цвета вместе (делая изображения темнее), в то время как цвета RGB исходят из света.

RGB

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

Pantone

Разработанная Pantone Corporation, профессиональной цветовой компанией, Pantone представляет собой наиболее широко используемую запатентованную цветовую систему для смешивания цветов. Система включает цвета, которые нельзя смешивать в CMYK.

Интернет и цифровой
-

Элементы веб-страницы

Большинство дизайнов веб-страниц включают комбинацию этих элементов.

Заголовок

Элементы дизайна, повторяющиеся вверху каждой страницы, называются заголовком.

Навигация и панель навигации

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

Тропа из хлебных крошек

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

Основной текст

Основной текст - это основное письменное содержание страницы.

Ссылки

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

Боковая панель

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

Баннер

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

Нижний колонтитул

Элементы дизайна, повторяющиеся внизу каждой страницы, называются нижним колонтитулом.

HTML

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

Целевая страница

Целевая страница - это отдельная страница, которая появляется в ответ на результат поисковой системы. Целевые страницы используются для лидогенерации.

Пользовательский интерфейс (UI)

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

Каркас

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

Форматы файлов изображений
-

Формат файлов изображений - это стандартизированный способ цифрового кодирования произведений искусства, графики и фотографий.

Векторная графика

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

AI

AI означает документ Adobe Illustrator. Это формат файла, разработанный Adobe Systems для представления одностраничных векторных изображений.

EPS

EPS расшифровывается как Encapsulated Post Script. Это формат файла с изменяемым размером, который обычно используется для векторного дизайна. Благодаря высокому качеству он часто используется с такими элементами печати, как логотипы, визитки или брошюры.

PDF

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

Растровая графика

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

GIF

GIF или Graphics Interchange Format - это формат растрового файла, поддерживающий анимацию и прозрачность.GIF-файлы могут отображать не более 256 цветов, что позволяет создавать файлы очень небольшого размера. (PS: по словам создателя GIF, Стива Уилхайта, оно произносится как «JIF» в отличие от широко распространенного произношения «GIF».)

JPEG

Joint Photographic Experts Group также известен как JPEG, наиболее широко используемый тип растрового файла для веб-дизайна. JPEG - это сжатые файлы, которые загружаются быстро. Обычно они используются в электронных письмах, рекламных баннерах, фотографиях в Интернете и многом другом в Интернете.В отличие от GIF, у них не может быть прозрачного фона (белый фон будет добавлен автоматически).

PNG

PNG означает Portable Network Graphics, веб-формат, который не теряет качества при сжатии. Файлы PNG были созданы для улучшения качества файлов GIF.

PSD

PSD или Photoshop Document - это файл рабочего растрового изображения без сжатия, созданный дизайнерами в Adobe Photoshop.

TIFF

TIFF расшифровывается как Tagged Image File Format, общий формат для обмена растровыми изображениями между приложениями.TIFF обеспечивает более высокое качество изображения, чем JPEG или PNG, и широко используется в издательской сфере и фотографами. Не путайте это с «размолвками» или «разногласиями», которые случаются, когда вы отправляете своему дизайнеру восемь раундов исправлений.

Типы логотипов
-

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

Дизайн логотипа Emblem от Neatlines для Palouse PintLettermark, дизайн логотипа arkum

Абстрактный знак

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

Эмблема

В логотипах

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

Lettermark

Логотипы

Lettermark содержат одну или несколько стилизованных букв (например, инициалов компании) для идентификации бренда.Известные логотипы буквенных знаков включают логотипы IBM, CNN, HP и HBO.

Дизайн логотипа Wordmark от nnorth

Изображение или символ

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

Талисман

Логотипы талисмана

полагаются на персонажа или представителя бренда для представления бизнеса. Известные талисманы включают полковника Сандерса, Человека-кулака и Мистера Лорда.Арахис.

Wordmark

Словесный знак основан на индивидуальной типографской обработке текста для иллюстрации бренда. Подумайте о VISA, Google или Coca-Cola.

Нужна работа над графическим дизайном?
Наши дизайнеры могут создать что угодно!


-

Эта статья была первоначально написана Алексом Бигманом и опубликована в 2014 году. Текущая версия была дополнена новой информацией и примерами.

Преобразуйте свой оригинальный дизайн в шаблон фирменного бланка Microsoft Word

В конце проекта по дизайну фирменного бланка довольно часто можно услышать, как ваш клиент говорит: «Я хочу, чтобы этот шаблон был редактируемым в Microsoft Word.«Обычно они не владеют или не знают, как использовать продвинутые программы для редактирования графики, такие как Adobe Illustrator, InDesign или Photoshop, и им просто не имеет смысла покупать эти дорогие программы.

Microsoft Word довольно низкотехнологичный по сравнению с Illustrator или InDesign; однако это то, что используют ваши клиенты, и ваш дизайн фирменного бланка для них бесполезен, если они не могут редактировать и добавлять в него контент, поэтому знание того, как создать шаблон фирменного бланка Microsoft Word, является ключевым моментом. Давайте начнем.

1. Создайте дизайн фирменного бланка

Мы создали этот пример в Illustrator, но Photoshop и InDesign также можно использовать для создания дизайна фирменных бланков. В этом примере мы используем дизайн без полей с обрезом 1/8 дюйма, что дает нам документ размером примерно 8,63 x 11,13 дюйма.

Создайте свой дизайн в цветовом режиме CMYK, и если вы используете фотографии или сложную графику, убедитесь, что они 300 пикселей на дюйм или выше, потому что Microsoft Word сжимает все изображения, которые вы в него помещаете.Здесь вы можете скачать отличный шаблон бланка без полей.

2. Экспортируйте дизайн фирменного бланка как файл PNG с высоким разрешением.

Для этого щелкните Файл> Экспорт> PNG. Убедитесь, что вы выбрали разрешение 300 пикселей на дюйм. Вы также можете сохранить свой дизайн в формате JPG и даже в формате TIFF; однако файлы TIFF значительно увеличивают размер файлов и время загрузки в Microsoft Word для вашего клиента.

3. Настройте документ Microsoft Word

Затем настройте документ Word, чтобы вставить в него дизайн вашего фирменного бланка.Щелкните Файл > Новый пустой документ . При открытии документа щелкните Файл> Параметры страницы> Размер бумаги> Управление нестандартными размерами. Установите размер бумаги , 8,75 x 11,13, для размещения вашего дизайна без полей, установите все поля на «0», и установите для Непечатаемых областей значение «Определено пользователем». Это позволяет настроить бланк без полей вместо полей Word по умолчанию.

4. Поместите дизайн бланка в документ Microsoft Word

Дизайн вашего фирменного бланка будет помещен в раздел верхнего и нижнего колонтитула документа Word, который будет автоматически повторяться на всех дополнительных страницах.Перейдите в View> Header and Footer. Теперь некоторые рекомендации по верхним и нижним колонтитулам будут отображаться в документе. Щелкните «Вставка»> «Фото»> «Изображение из файла». Выберите файл PNG. Теперь ваш файл .png появится по центру в середине страницы. Выберите изображение png, нажмите Формат> Изображение .

Появится меню «Форматировать изображение». Сначала перейдите к Size . Word автоматически уменьшает масштаб изображения, но вы можете исправить это, установив высоту и ширину на 100%.

Затем щелкните вкладку «Макет» и выберите параметр «За текстом». Нажмите кнопку «Дополнительно» и убедитесь, что для горизонтального и вертикального абсолютного положения установлено значение Page . Теперь нажмите ОК, чтобы применить все эти настройки форматирования изображения. Теперь дизайн вашего фирменного бланка должен отображаться на 100%. При необходимости отрегулируйте положение.

Перейдите к View, и снимите флажок Header and Footer , чтобы вы могли покинуть область верхнего и нижнего колонтитула и начать редактировать текстовую область.Теперь, когда вы не находитесь в режиме редактирования верхнего и нижнего колонтитула, дизайн фирменного бланка будет казаться блеклым, но на самом деле он не будет печататься таким образом, поэтому сообщите об этом вашему клиенту. Отрегулируйте поля и стили абзацев по своему усмотрению. Если вы нажмете «Return», пока Word не создаст для вас новую страницу, вы заметите, что на следующей странице появился тот же дизайн. Это связано с тем, что вы вставили свой дизайн в раздел верхнего и нижнего колонтитула документа, и дизайн будет автоматически повторяться на каждой дополнительной странице.

5. Сохраните как шаблон

Перейдите в Файл> Сохранить как. Выберите .dot в качестве формата и Сохраните . Теперь вы можете отправить свой редактируемый шаблон бланка Microsoft Word своему клиенту!

6. Подготовьте шаблон фирменного бланка Microsoft Word для печати

Если ваш клиент печатает шаблон фирменного бланка Microsoft Word на принтере, который может печатать страницы без полей, попросите своего клиента сохранить готовый файл в виде файла PDF для улучшения результатов печати.Печать непосредственно из документа Microsoft Word может дать неоднозначные результаты. Чтобы сохранить шаблон в формате PDF, выберите Файл> Печать> Сохранить в PDF. Теперь файл готов к печати 🙂

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

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

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

Нужны фирменные бланки или другие канцелярские товары?
Наше глобальное сообщество профессиональных графических дизайнеров может это сделать!

2700+ шаблонов Word - Бесплатные шаблоны и загрузки

Шаблоны Word от StockLayouts

Привлекательный графический дизайн агентского качества

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

StockLayouts предлагает огромную библиотеку шаблонов Word, которые вы можете настроить.

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

Настраивайте макеты Word, чтобы создавать собственные уникальные дизайны

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

Мгновенная загрузка шаблонов в различных форматах файлов

Приобретая шаблоны Word в StockLayouts, вы также можете загрузить один и тот же дизайн в разных форматах файлов, включая: Adobe InDesign, Illustrator, Microsoft Word, Publisher, Apple Pages, QuarkXPress и CorelDraw.Вы сами выбираете, какие форматы файлов подходят вам лучше всего.

Распечатайте готовый дизайн или поделитесь им с другими в Интернете

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

шаблонов Word

Перейти к основному содержанию Microsoft

Офис

Офис

Офис

  • Главная
  • Продукты
  • Ресурсы
  • Шаблоны
  • Служба поддержки
  • Больше
    • Все Microsoft
    Поиск Поиск по шаблонам Office

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

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