Модерна уеб дизайнер често не налага себе си оформление, и я предава към специалист - печатар. Въпреки това, той често забравя за простите правилата на етикета и не се извършат необходимите стъпки, за да се оптимизира структурата за оформление, отколкото със сериозни причини изблици на раздразнение с съотборника си!
Не е толкова трудно да се направи живота по-лесен за своята издателска система!
За това е достатъчно да следвате 11 правила за изготвянето на плана.
Тези правила са, както следва:
- Група вашите слоеве в папки и се придържаме към йерархията в оформлението.
- Нека слоевете смислени имена.
- Отстранете всички излишни слоеве.
- Използване на мрежата и водачите.
- Нека да обясним на оформлението, с помощта на «бележки» инструмент.
- За елементи, които могат да имат няколко държави, черпи всички варианти на тези държави.
- Не изпращайте оформление словослагател където ефект се постига чрез използване на смесване режими.
- Данните трябва да бъдат изготвени във вектора.
- Нека смислени имена на файловете.
- Прикрепен към PSD файлове допълнителни материали и източници на изображения, използвани в оформлението.
- Прикрепете персонализирани шрифтове, използвани в оформлението.
И сега, приятелю, че е време да ви запозная с два знака:
Добър, подходящ дизайнер.
Той винаги следва да бъдат изброени правила и се грижи за вас, програмист.
Не забравяйте - това е вашето
Това мързелив момче никога не се грижи за това кой трябва да работят с оформлението му.
Той никога не следва правилата.
Не забравяйте - този човек
1. Група със слоевете в папки и да се придържат към йерархията в оформлението
Логически блокове на площадката, аз се присъединят в групата със съответните имена. Всяка група от слоеве е в съответствие с позицията си в оформлението - така ми програмист ще бъде по-лесно да се движите.
И двата група 45 и група 43 в различни части на документа - долната част на страницата!
Панел слоеве с правилна структура и групиране2. Да слоевете смислени имена
Тяхната 200? Щракнете 200 пъти!
Очевидно е достатъчно в по-лесно да се разбере, нали?3. Отстранете всички излишни слоеве
Imposer налага всичко, което ще бъде в оформлението, независимо от това дали или не скрития слой. Ето защо, аз се премахне ненужната и неизползвани слоеве от оформлението.
Ако не виждате слой, така че не е необходимо в оформлението, и трите копия на него, също.
Няма допълнителни слоеве, не караница4. Използване на мрежата, както и ръководства
Аз използвам Photoshop на стартовата решетка за CSS-рамка "960 решетка система".
Направих всичко, за окото - няма съмнение за това точно.
С помощта на вградения в употреба Photoshop или мрежа "960 Grid System".Кодер ще бъде много тъжно, ако той трябваше да се бори с галопираща съдържание блокове.
обяснение на оформлението 5. Нека, като се използват «бележки» инструмент
Например, закръгляването радиус ъгли или цвят справка задържане на курсора или след неговото посещение.
Не е ли ясно, че това син бутон, когато задържите ще изглежда много хубаво червен фон? И тогава ъглите на пиксел 3, да ... или 5, това няма значение! Опитайте груба сила!
6. За елементи, в които може да има няколко държави, прави всички варианти на тези състояния
Всеки бутон, линкове или полета за въвеждане в оформлението ще бъдат три държави - група или слоеве със съответните имена.
7. Не изпращайте оформление словослагател където ефект се постига чрез смесване на режима
Волята никога окончателен вариант на моите оформление слоеве или групи, използвайки смесване режими, различни от нормалните или да премине.
Как това изглежда добре сянка в режим Overlay! И две от логото върху него, те са наистина колоритен, и ние се нуждаем от черно-бяло ... това няма значение! Осветеността слой на двете!
Изкусно подредени в капан за програмист8. Данните следва да бъдат изготвени във вектора
Всички нестандартни и "гумени" елементи в оформлението Пазя във векторен формат - по всяко време може да се наложи да промените големината им.
Лепене и растеризира всички парчета, ще трябва да промените размера - ще привлече отново!
При промяна на ширината на разложено изкривяването на бутон се появи на ъгъла
9. файлове Нека смислени имена
Последно оформление опция аз наричам окончателен, и предишната версия ще бъдат номерирани за да се избегне объркване.
Обадете файлове правилно, това е наистина толкова трудно?10. Прикрепете към PSD файл допълнителни материали и изходни изображения, използвани в оформлението
Всички оригинални образи и допълнителни материали, аз се прикрепят към проекта в папката източник или активи. Така че, дори когато свързани слоеве винаги е възможно да се получи отделно изображение.
Аз залепите модела и фона отдолу. Те ще бъдат отпечатва в отделни слоеве? Моделът е прост - програмист може лесно да се повтаря. Не може да се? Следователно, това ще направи до един слой.
11. Прикрепете потребителски шрифтовете, използвани в оформлението
Всички персонализирани шрифтове ще копирате папка с допълнителни материали за проекта. Изведнъж има този прекрасен програмист Кирилица.
Защо да добавите допълнителни файлове към оформлението? Сега всичко ще се изтегли на шрифта от интернет за 10 минути. 7 шрифтове? Но това изглежда добре!
Забравих да прилага към проектобюджета несистемна шрифт?Разбира се, този преглед не включва всички препоръки за оптимизиране на структурата за оформление, но след тези прости съвети ще ви направи дизайнерът, компетентно и професионално, и вашият партньор-програмист - по-щастливи.