Pixelgene - Ресурсы для веб-дизайнеров. Freebies. Журнал о веб-дизайне

Подборки свежих freebies, мокапы(mock-up), шрифты, иконки, psd, wordpress, статьи о веб-дизайне, лайвхаки для дизайнеров.

  • Freebies
  • Шрифты
  • Статьи
  • WordPress

  • Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    — Сам записывает клиентов и напоминает им о визите;
    — Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    — Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом


Тэги #

3D AI App Background Branding CSS e-commerce Font Framework HTML Icons JS Landing Mock-up Patterns PSD Retro SVG UI WordPress Веб-сервис Портфолио Статья Тема Типографика Урок Шрифт

14 советов по быстрому созданию интерфейсов в Adobe Illustrator (часть вторая)

27.03.2014 Leave a Comment

Speed_diz
Продолжение статьи «14 советов по быстрому созданию интерфейсов в Adobe Illustrator (часть первая)». Еще 7 советов от Vincent Le Moign по грамотной работе в Adobe Illustrator.

8. Использование нескольких монтажных областей в одном файле

Иллюстратор позволяет использовать до 99 Artboard(монтажных областей) в одном файле что очень удобно! Это позволяет глобально отслеживать изменения на всех макетах страниц если вы изменяете свой символы, текстовые стили или глобальные цвета. А благодаря векторному формату ваш документ не станет во много раз больше и скорость работы не уменьшится. Открыть окно управления Windows > Artboards

artboards

9. Увеличение без искажения

Используй 9 slices scaling tool(название уже страшное)). Допустим ты создал прямоугольник со скругленными углами, но потом ты решил сделать его шире и если просто увеличить его(не пропорционально) то скругления углов станут не пропорциональными. Просто и правельно сделать это так — преобразуй прямоугольник в символ(клавиша F8) и в окне Symbol Options поставь галочку в чек бокс Enable Guides for 9-slice scaling и Align to Pixel Grid. Теперь дважды кликнув по символу появится раскрой по которому и будет теперь масштабироваться наш объект. Таким образом мы получаем масштабируемый граффический интерфейс.

tab

10. Clipping Mask

Нет необходимости обрезать изображения открывая их еще и в Photoshop. Используй Clipping Mask чтобы показывать нужную часть изображения. Создай нужный по форме шейп, затем выдели его и картинку(шейп сверху картинка снизу) нажми Object > Clipping Mask > Make.

masks

11. Шаблоны

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

template

12. Стили графики

Используй палитру Graphic Styles с которой ты быстро сможешь применять уготованное оформление к таким объектам как кнопки, меню, плашки итд.

graphic-styles

13. Обтекание объектов текстом

Обтекание объекта текстом можно сделать автоматическим. Создай на слой ниже форму/рамку вокруг которой ты хочешь что бы текст обтекал твой рисунок, затем сгруппируй их(Ctrl+G/Cmd+G) и нажми Object > Text Warp > Make.

wrapping

14. Индивидуальные углы (в версии Adobe Illustrator CC)

С Illustrator CC вы легко можете менять стиль каждого уголка по отдельности(скругление, фаска итд).

Забиваем Сайты В ТОП КУВАЛДОЙ - Уникальные возможности от SeoHammer
Каждая ссылка анализируется по трем пакетам оценки: SEO, Трафик и SMM. SeoHammer делает продвижение сайта прозрачным и простым занятием. Ссылки, вечные ссылки, статьи, упоминания, пресс-релизы - используйте по максимуму потенциал SeoHammer для продвижения вашего сайта.
Что умеет делать SeoHammer
— Продвижение в один клик, интеллектуальный подбор запросов, покупка самых лучших ссылок с высокой степенью качества у лучших бирж ссылок.
— Регулярная проверка качества ссылок по более чем 100 показателям и ежедневный пересчет показателей качества проекта.
— Все известные форматы ссылок: арендные ссылки, вечные ссылки, публикации (упоминания, мнения, отзывы, статьи, пресс-релизы).
— SeoHammer покажет, где рост или падение, а также запросы, на которые нужно обратить внимание.
SeoHammer еще предоставляет технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней.
Зарегистрироваться и Начать продвижение

corners

И в заключении видео с примером от автора.

Тег video не поддерживается вашим браузером.
Скачайте видео.

Данная статья является переводом Speed Design with Illustrator

Filed Under: Статьи Tagged With: AI, UI, Урок

Понравилось? Поделись!

Популярно

PSD шаблон печати

PSD шаблон печати

Мокап скетчбука. Sketchbook MockUp PSD

Мокап скетчбука. Sketchbook MockUp PSD

Свободный шрифт Waterlily

Свободный шрифт Waterlily

(c) 2022 - Pixelgene - Ресурсы для веб-дизайнеров. Freebies. Журнал о веб-дизайне.
Подборки свежих freebies, мокапы(mock-up), шрифты, иконки, psd, wordpress, статьи о веб-дизайне, лайвхаки для дизайнеров.