Paano ayusin ang iyong mga file ng Photoshop

Nilalaman

• Tanda ng katamaran
• Paano ito gawin nang tama
• Pagpapangalan ng mga kombensiyon
• Kulay-code ang iyong mga layer
• Istraktura at samahan
• Ganito? Basahin ang mga ito!

Bilang isang malikhaing developer, madalas akong tanungin kung ano ang aking kagustuhan para sa pagtanggap ng malikhain mula sa aking mga tagadisenyo. Sa personal, mas gusto kong makatanggap ng isang layered file, na may mga mockup, sa halip na paunang hiwa ng mga imahe. Ito ay isang personal na pagpipilian, at naiintindihan ko na hindi ito ang ginustong format para sa lahat. Sa katunayan, tila mayroong isang debate sa loob ng industriya tungkol sa pinakamahusay na pamamaraan para sa pagtanggap ng malikhain.

Gayunpaman, anuman ang iyong personal na pagpipilian, naniniwala akong kinakailangan para sa mga taga-disenyo na bumuo at maghatid ng malinis na mga file. Napakaraming beses na naabot sa akin ang isang file na mukhang katulad sa isa sa ibaba.

Tumatagal lamang ito ng isang sandali upang makita kung gaano kahusay ang pagkakagawa at pag-ayos ng file na ito. Ang pagkakaroon ng kombensiyon at pagpapangkat ay wala.

Tanda ng katamaran

Ito ay tulad ng kung ang aking taga-disenyo ay nagkakaroon ng isang matalik na relasyon sa kanyang mga kopya at i-paste ang mga key. Hindi katanggap-tanggap ang paggamit ng mga default na pangalan tulad ng pangkat 1, Pangkat 2, at Hugis 5. Gayundin, ang pag-iwan ng mga elemento na hindi na kinakailangan, walang laman na mga grupo halimbawa, ay isang palatandaan lamang ng pagiging tamad.

Oo naman, maaari kaming magtrabaho sa ilalim ng mga kundisyong ito, ngunit bakit mo gugustuhin? Sa pamamagitan ng ilang simpleng pagbabago, maaaring baguhin ng mga taga-disenyo ang isang magulo na file sa isang bagay na madaling ma-navigate ng sinuman.

Kahit na wala kang balak na ibahagi ang iyong trabaho sa iba, isaalang-alang na bumalik sa isa sa iyong mga file sa ibang araw. Isipin kung magkano ang pagkalito na maaari mong maiwasan sa pamamagitan ng pagsunod sa ilang mga pangunahing alituntunin.

Paano ito gawin nang tama

Magsimula tayo sa pagpapangkat. Kung ang iyong disenyo ay inilatag na may isang pangunahing header at footer, kasama ang ilang mga seksyon ng nilalaman at pag-navigate, ang iyong mga pangkat (at kanilang mga pangalan) ay dapat na magkasabay sa bawat isa.

Tingnan ang sample sa ibaba. Maaari mong makita na ang aming taga-disenyo ay nagbabahagi ng mga bagay batay sa pangkalahatang disenyo. Binibigyan niya ang bawat pangkat ng isang makabuluhang pangalan, at pinagsasama niya ang mga bagay.

Sa pamamagitan nito, lumilikha siya ng isang nakabalangkas at organisadong file na makakatulong upang makilala ang mga pangunahing bahagi ng bawat seksyon o pangkat. Tumatagal lamang ito ng isang sandali, ngunit may potensyal itong makatipid ng tone-toneladang oras.

Pagpapangalan ng mga kombensiyon

Ang isa pang madalas na hindi napapansin, ngunit malakas na aspeto ng konstruksyon ng layer, ay ang pagbibigay ng pangalan sa mga kombensiyon.

Malayo na ang malalagyan ng pagpapangalan ng mga kombensyon. Ang ilang minuto ng oras ay nakakatulong upang lumikha ng isang hindi kapani-paniwalang madaling file upang mag-navigate. Tandaan lamang na kapag nagmumula sa mga pangalan, ang simple ay madalas na mas mahusay.

Pangalanan ang iyong mga layer sa isang pare-pareho at maigsi na paraan. Kung nagdagdag ka ng isang layer na nauugnay sa iyong antas ng bevel, pangalanan ito sa ganoong paraan. Kung mayroon kang isang elemento na ginagamit para sa ilalim ng platform ng tab, bakit hindi mo ito tawaging tulad. Panatilihing simple!

Kulay-code ang iyong mga layer

Ang isang pangwakas na puntong nais kong banggitin ay ang pagpipilian ng pag-coding ng kulay sa iyong mga layer. Habang hindi ito mukhang isang malaking kalamangan - at tinatanggap na ang ilang mga proyekto ay hindi mangangailangan ng antas na ito ng samahan - ang color-coding ay maaaring maglaro ng isang kapaki-pakinabang na papel.

Sa halimbawa sa ibaba, ang aking taga-disenyo ay gumamit ng apat na magkakaibang mga kulay upang makatulong na makilala ang iba't ibang mga elemento sa loob ng file na ito.

Nang hiniwa ko ito para sa aming proyekto, mabilis kong nakita ang mga koneksyon sa pagitan ng mga pangkat at ng kanilang nilalaman salamat sa color-coding.

Sa mismong proyekto na ito ang mga kulay mismo ay may kahulugan at direktang nauugnay sa disenyo. Minsan, hindi ito palaging ang kaso, ngunit sa alinmang paraan, ang color-coding ay isang mahusay na paraan upang maipakita ang mahahalagang bagay.

Istraktura at samahan

Tulad ng nakikita mo, maraming mga bagay na maaari mong gawin upang mas mabasa ang iyong mga file para sa iyong mga developer at iba pang mga tagadisenyo.

Isaalang-alang ang dami ng oras na ginugugol mo sa pagbuo ng iyong disenyo. Ngayon isaalang-alang ang paggastos ng isang sandali lamang ng oras na ito sa pag-aayos at pag-aayos ng iyong mga layer.

Gustung-gusto ka ng iyong developer (at iba pang mga tagadisenyo sa iyong koponan) para dito. At harapin natin ito, sa kaibuturan, nais nating lahat na mahalin ...

Salita: Tammy Coron

Tammy Coron ay isang developer ng iOS, developer ng backend, developer ng web, manunulat, at ilustrador. Nag-blog siya sa Just Writing Code.

Ganito? Basahin ang mga ito!

• 101 mga tip sa Photoshop, trick at pag-aayos upang subukan ngayon
• Ang pinakamahusay na libreng mga web font para sa mga tagadisenyo
• Kamangha-manghang mga halimbawa ng disenyo ng pang-eksperimentong

Mayroon ka bang mga niggles tungkol sa kung paano inaayos ng mga kasamahan ang kanilang trabaho? Ibahagi ang iyong mga saloobin sa pamayanan sa mga komento sa ibaba!