Как да персонализирате макет на iPhone или iPad

Време е за късане и клиентът иска да види дизайна им, както би изглеждал на iPhone или iPad. Не се притеснявайте; има редица готови за употреба макети на пазара, които чакат вашата персонализация.

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

Ако никога не сте персонализирали макет, в началото може да е малко смущаващо, но ще преминем през процеса.

Разгледайте макети на iPad

Изберете макет

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

Ето няколко добри места, за да започнете да търсите страхотен макет дизайн:

  • Шаблоните за макети имат страхотна колекция от разнообразни, безплатни макети
  • 100+ iPhone PSD и векторни макети
  • 100+ iPad макети: PSD устройства, снимки и вектори
  • 100+ MacBook PSD и векторни макети
  • 50+ Apple Watch макети и графика
  • 40+ iMac макети: PSD устройства, снимки и вектори

Помислете за размера и мащаба

Преди да купите или изтеглите макет, помислете как планирате да го използвате. Ще бъде изпратено по имейл за бързо разглеждане или отпечатано на табло за презентация в заседателната зала? Това ще ви помогне да определите дали можете да използвате макет на PSD или имате нужда от векторна версия. (Лично аз винаги избирам вектор, защото никога не знаеш какво може да изскочи и мразя да се ровя в последния момент.)

Другото съображение на формата е колко ви е удобно със софтуера, на който ще редактирате дизайна. PSD версиите изискват прилично познаване на Adobe Photoshop и използване на слоеве, докато векторните формати обикновено се редактират в Adobe Illustrator.

Изберете реалистична среда

Фонът на макетите може да варира от iPhone или iPad на бял фон до опции с пълен реалистичен дисплей на снимки, като например ръка, която държи телефон.

Реалистичната среда може да помогне на клиента да представи дизайна, какъвто би бил действително използван - и е един от онези трикове на презентацията, които могат да се уау. Макет без фон поставя фокуса единствено върху дизайна, което предпочитат много дизайнери. Има и версии в средата, с iPhone или iPad отгоре на фоновите изображения, които почти отпадат, като плот за маса или срещу фин модел.

Комплимент на дизайна

Независимо какъв стил макет сте избрали, той трябва да допълни дизайна. Не използвайте фон от дървесни зърна за тема, базирана на разстояние; съпоставянето се тресе. (По-подходящ би бил дървесното зърно с естествен дизайн.)

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

Подгответе своя дизайн

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

За макети на PSD можете да направите нещо толкова просто, колкото да направите екранна снимка на дизайна.

За векторно базирани формати просто трябва да гарантирате, че изображението е достатъчно голямо за това, което смятате да направите с макета. (Понякога екранна снимка няма да е достатъчна.)

Ако използвате един и същ софтуерен пакет - като Adobe - за тези проекти преместването на дизайн във макет може да бъде толкова лесно, колкото да копирате и поставите. (Наистина ли!)

Обединете макета и дизайна

След като имате макет и дизайн, ще искате да обедините двете в един файл за пълна персонализация. Страхотното при повечето макет на iPhone и iPad е, че те са направени за вас да направите толкова промени, колкото искате, с групирани и организирани слоеве.

Отворете макета и дизайна

Може да се наложи да разархивирате макета, за да започнете. Отворете файла в съответния софтуер.

Отворете дизайна или вариантите на дизайна или направете екранна снимка, която ще използвате за макет (това е предпочитаният метод за много начинаещи да правят файловите структури по-малко тромави).

Научете структурата на файловете

След като влезете в макет на iPhone или iPad за първи път, ще искате да се огледате, за да усетите усещането за файловата структура.

Добавете вашия дизайн

Тогава сте готови да добавите вашия дизайн. Искате да установите добър набор от работни процеси и файлови практики, така че да можете да използвате макет многократно с лекота. Ето предложен работен процес за персонализиране:

  • Създайте нова папка, наречете я въз основа на проекта и добавете дизайнерските си елементи към новата папка… или
  • Добавете дизайнерските си елементи към предварително маркираното място в макета (много макети включват предварително зададена папка)
  • Регулирайте разположението така, че макетът да е в десния слой (обикновено близо до гърба)
  • Завъртете, наклонете или намалете мащаба, ако е необходимо, за да се поберат в макета
  • Изключете всички ненужни слоеве
  • Запази

заключение

И така, къде намирате качествен макет на iPhone или iPad? Какво трябва да очаквате да платите?

Можете да намерите някои от най-добрите макети тук (всички изображения в тази публикация са от тези колекции):

  • 100+ iPhone PSD и векторни макети
  • 100+ iPad макети: PSD устройства, снимки и вектори
  • 100+ MacBook PSD и векторни макети
  • 50+ Apple Watch макети и графика
  • 40+ iMac макети: PSD устройства, снимки и вектори

Моделите варират в цената от безплатни до комплекти с множество версии в мащабируеми формати, които обикновено са под 20 долара. (Много безплатни версии изглеждат страхотно, но са адекватни само за цифрово гледане.) Ще получите много полза от тези инструменти и като използвате общ набор от макети, подготовката на дизайни ще стане част от вашия работен процес.

© Copyright 2024 | computer06.com