Зміст
- Ознака ліні
- Як правильно це зробити
- Конвенції про іменування
- Коліруйте ваші шари
- Структура та організація
- Подобається це? Прочитайте це!
Як креативного розробника, мене часто запитують, що я віддаю перевагу отриманню креативу від своїх дизайнерів. Особисто я вважаю за краще отримувати шаруватий файл із макетами, замість попередньо нарізаних зображень. Це особистий вибір, і я розумію, що це не найкращий формат для всіх. Насправді, в галузі, здається, ведеться суперечка щодо найкращого методу отримання творчих здібностей.
Незалежно від вашого особистого вибору, я вважаю, що дизайнерам важливо створювати та передавати чисті файли. Занадто багато разів мені передавали файл, схожий на наведений нижче.
Потрібна лише хвилина, щоб виявити, наскільки погано побудований та дезорганізований цей файл. Конвенція про іменування та групування не існує.
Ознака ліні
Це так, ніби мій дизайнер мав близькі стосунки зі своїми ключами копіювання та вставки. Використання імен за замовчуванням, як-от Група 1, Група 2 та Форма 5, є неприйнятним. Крім того, залишення елементів, які більше не потрібні, наприклад, порожні групи, - це лише ознака лінивості.
Звичайно, ми можемо працювати за таких умов, але чому ви хочете? За допомогою кількох простих модифікацій дизайнери можуть перетворити брудний файл на те, що кожен може легко орієнтуватися.
Навіть якщо ви не маєте наміру ділитися своєю роботою з іншими, подумайте про необхідність повернутися до одного зі своїх файлів пізніше. Уявіть, скільки плутанини ви зможете уникнути, дотримуючись кількох основних правил.
Як правильно це зробити
Почнемо з групування. Якщо ваш дизайн складається з основного верхнього та нижнього колонтитула, а також деяких розділів вмісту та навігації, ваші групи (та їх назви) повинні збігатися між собою.
Погляньте на зразок нижче. Ви бачите, що наш дизайнер розбиває речі на основі загального дизайну. Він дає кожній групі значуще ім’я, і він тримає речі разом.
Роблячи це, він створює структурований та організований файл, який допомагає визначити ключові компоненти кожного розділу чи групи. Це займає лише хвилину, але це може заощадити тонни часу.
Конвенції про іменування
Інший, який часто ігнорується, але потужний аспект побудови шарів - це конвенції імен.
Конвенції про іменування можуть піти дуже далеко. Кілька хвилин часу допомагають створити неймовірно простий файл для навігації. Тільки пам’ятайте, що, придумуючи імена, просте часто є кращим.
Назвіть шари послідовно і стисло. Якщо ви додаєте шар, який відноситься до фази вашого рівня, назвіть його таким чином. Якщо у вас є елемент, який використовується для платформи нижньої вкладки, чому б не назвати його таким. Не ускладнювати!
Коліруйте ваші шари
Останній момент, який я хочу зазначити, - це можливість кольорового кодування ваших шарів. Хоча це може здатися не величезною перевагою - і, правда, деякі проекти не потребуватимуть такого рівня організації - кольорове кодування може зіграти корисну роль.
У наведеному нижче прикладі мій дизайнер використав чотири різні кольори, щоб допомогти ідентифікувати різні елементи цього файлу.
Коли я нарізав це для нашого проекту, я швидко зміг побачити зв’язок між групами та їх вмістом завдяки кольоровому кодуванню.
У цьому конкретному проекті самі кольори мали значення і були безпосередньо пов’язані з дизайном. Іноді це не завжди так, але в будь-якому випадку кольорове кодування - це чудовий спосіб виділити важливі об’єкти.
Структура та організація
Як бачите, є кілька речей, які ви можете зробити, щоб зробити свої файли більш читабельними для розробників та інших дизайнерів.
Враховуйте кількість часу, який ви витрачаєте на розробку свого дизайну. А тепер подумайте про те, щоб витратити лише хвилинку цього часу на структурування та впорядкування шарів.
Ваш розробник (та інші дизайнери у вашій команді) полюблять вас за це. І погодьмось, глибоко в душі, ми всі хочемо, щоб нас любили ...
Слова: Таммі Корон
Теммі Корон є розробником iOS, серверним розробником, веб-розробником, письменником та ілюстратором. Вона веде блоги в Just Write Code.
Подобається це? Прочитайте це!
- 101 порада, підказки та виправлення в Photoshop, які можна спробувати сьогодні
- Найкращі безкоштовні веб-шрифти для дизайнерів
- Дивовижні приклади експериментального дизайну
Чи є у вас якісь перешкоди про те, як колеги організовують свою роботу? Поділіться своїми думками із спільнотою в коментарях нижче!
