8 leiðir til að hanna vefsvæði hraðar í Photoshop
Sem vefhönnuður er erfitt að vera skipulögð. Ekki aðeins er jafnvægi á nokkrum verkefnum í einu, en þú ert líklega í stakk búið til miklum tíma og sterkum viðskiptavinum eins og heilbrigður. Þú gætir líka verið að skoppa frá vörumerki til vörumerkis og verða stöðugt að læra nýjar leiðbeiningar og stíl stíls.
Til allrar hamingju, það eru margar leiðir til að gera vinnuflæði þinn skilvirkara. Til að hjálpa, ég hef sett saman þessar átta ráð til að halda þér heilbrigð í vefhönnunarferlinum þínum
1. Haltu skrám þínum skipulagt
Eitt af því auðveldasta sem þú getur gert til að halda geðheilsu þína er að halda skrám þínum skipulagt. Búa til og viðhalda samræmda möppuuppbyggingu mun gera galla að því að finna skrárnar þínar. Vandamál koma upp þegar þú uppbyggir eina möppu öðruvísi en annar, sem gerir það erfitt að finna þá Final-Final-logo.ai skrá.
Samræmdar skráarheiti samninga eru nauðsynleg þegar þú skipuleggur skrárnar þínar. Þetta er þar sem útgáfa kemur inn. Sumir hönnuðir nota dagsetningar, aðrir nota útgáfu tölur og nokkrar notaðar umferðir. Þetta fer eftir iðnaði þínum og persónulegum óskum þínum, en það er gott starf. Þökk sé útgáfu, getur þú auðveldlega fylgst með hvaða skrá er nýjasta, sérstaklega ef þú hefur gömul útgáfur vistuð til viðmiðunar.
Ég geymi venjulega 2-3 þriggja ára útgáfur ef viðskiptavinurinn vill snúa aftur að þessari hetjuáætlun frá 1. umferð, eða valið farsímaþjónustuna frá 2. umferð. Til þess að koma í veg fyrir pakkningarmáttarhugbúnaðinn er gott að skjalfesta eða eyða eldri skrám til að halda disknum þínum frá því að vera boggað niður.
Hér er sýnishorn uppbygging sem ég nota á Clearlink.
Samsetningin á samkvæmri möppuuppbyggingu og nafngiftarsamningum við útgáfu mun einnig hjálpa leitarnetum. Til dæmis, ef þú byrjar allar skránöfnin þín frá einu vörumerki með vörumerkinu eða skammstöfuninni, getur þú síað eignir fyrir það vörumerki auðveldara. Þetta mun hjálpa að greina "ATT-logo-final.ai" frá því sem gæti hugsanlega verið sjó "logo-final.ai's".
2. Skildu ramma þína
Eitt sem ég lærði ekki fyrr en nokkur ár í hönnunarmöguleika minn er hvernig á að nýta núverandi ramma rétt. Tvær þungir hitters í rammaheiminum eru nú Stígvél og Stofnunin , en Google Gagnast mun örugglega gefa þeim hlaup fyrir peningana sína í náinni framtíð. Fyrirtækið sem ég vinn fyrir notar Foundation fyrir meirihluta vörumerki sín.
Stofnunin er með innbyggðri móttækilegu rist ásamt stíl fyrir hnappa, reiti, leturfræði, flakk osfrv. Meðal margra annarra til að gera líf þitt auðveldara. Með því að nota innbyggða rist grunnsins innan PSDs þinnar, auðveldar þú verktaki að framkvæma hönnunina þína á einbeittari hátt en ef þú gerir þitt eigið hlutur. Photoshop hefur þetta nifty leiðbeiningar skipulag tól sem ekki aðeins gerir að búa til grids gola heldur einnig festir þeim á list-borð til að auðvelda skrá endurskipulagningu og hreyfingu.
Skjámynd frá Foundation Cheat Sheet
Rammar eru einnig góð upphafspunktur fyrir hnappastíl, eyðublöð osfrv. Og hjálpa til við að sýna möguleika og takmarkanir á hönnunaraðferðum sem hægt er að innleiða. Ekki aðeins mun þetta gefa þér frábært upphafspunkt fyrir hönnunina þína, en það mun hjálpa til við að stuðla að góðri samvinnu við framkvæmdaraðila þinn.
3. Skipuleggðu lögin þín eftir innihaldsefni
Þegar þú ert að takast á við flókin vefhönnun PSDs með svo mörgum möppum, lögum, klárum hlutum osfrv., Er auðvelt fyrir hlutina að vera sóðalegur. Þegar lag 2.455 kemur í kring, byrjar þú að átta sig á því að þú þarft einhvers konar stofnun innan PSD þinnar. Þess vegna mæli ég með að skipuleggja PSD þinn með köflum.
Mine samanstanda yfirleitt af möppum sem innihalda Nav, Hero, Intro, Pakkar, Hagur, Fótbolta o.fl. Ég lita einnig á þessar möppur í regnboga, þannig að þeir eru auðvelt að sigla. Þetta gerir uppfærslu köflum og endurvinnsla PSD þinn gola.
Ég skipuleggja skrána mína í hluta möppur sem eru regnboga litakóðar til að auðvelda skannahæfileika.
Til dæmis, ef þú þarft að gera hetjaþáttinn stærri, getur þú auðveldlega dregið allar möppurnar hér fyrir neðan sem eina einingu (halda stjórn) og dragðu þá síðan aftur eftir að uppfærslan er gerð. Þessi stefna hjálpar einnig verktaki og öðrum hönnuðum að sigla auðveldlega á skrána. Með því að nota skiljanlegar nöfn eins og "Hero" og "Nav", getur ný hönnuður auðveldlega hoppa inn í möppuna og gert það sem þeir þurfa.
Sumir hönnuðir munu jafnvel komast að því að nefna einstök lög, sem geta einnig verið ótrúlega gagnlegar en geta orðið smá tímafrekt. Þar sem auðvelt er að finna lög í gegnum sjálfvirkt valið tól þegar það er stillt á "lag" er auðvelt að komast að einstökum lögum þessa dagana, þannig að það er einstök hönnuður hvernig þeir vilja skipuleggja lögin. Aðalatriðið er að þú hafir gert það.
4. Minnið alla flýtivísana sem þú notar venjulega
Þessi er stórkostlegur fyrir skilvirkni. Ef þú finnur sjálfan þig að nota tiltekna lykilskipun reglulega skaltu leggja það á minnið. Þú eykur skilvirkni þína veldisvísis ef þú ert með allar helstu flýtivísanir niður.
Sumir mikilvægir eru sparnaður, leturstærð og leiðandi, lagapöntun, vistun fyrir vef og ógagnsæi meðal margra fleira. Photoshop gefur þér einnig möguleika á að búa til sérsniðnar flýtileiðir. Í bókinni minni er mikilvægasti skipunin til að hafa minnst á að vista skrána. Vegna handahófskenndra hruna Adobe, þá er það gott að galla á hlið sparnaður, frekar en að hætta að missa af árangri þínum.
Adobe gefur þér kost á að sérsníða flýtivísana þína undir Breyta> Flýtivísar
Flýtileiðir bindast einnig við að skipuleggja lögin þín með því að innihalda hluta möppur (eins og getið er að ofan). Það er auðveldara að færa lög efst og neðst í möppu með því að nota flýtilykla en endurskipuleggja lög í óskipuðum skrám. Þetta er þar sem skipuleggja skrá þína eins og þú hönnunar kemur inn í leik. Með því að minnka oft notuð flýtilykla og halda lögum þínum skipulagt munum við bæta skilvirkni þína og hjálpa öðrum hönnuðum að vinna með skrárnar þínar.
5. Notaðu CC bókasöfn
Eitt af því besta sem Adobe hefur bætt við frá því að búa til CC er bókasöfn. Ef þú hefur ekki heyrt um þá þarftu að kíkja á þetta frábær námskeið hvernig á að nota þær.
Mér finnst eins og hvert hönnunarteymi ætti að nýta þessa ótrúlega eiginleika. Bókasöfn leyfa þér að búa til vörumerkjasafn með eignum eins og litum, leturstílum, myndum, táknum og táknum (eins og fyrirsagnir og fótspor). Þökk sé bókasöfnum getur þú auðveldlega unnið með auglýsingum frá mörgum stofnunum með því að nota eitt vörumerki bókasafn.
Bókasöfn gera það auðvelt að breyta litum og uppfæra textastíl með því að smella á hnappinn. Þeir hjálpa einnig að geyma vörumerkjatákn sem auðvelt er að uppfæra á einum stað með uppfærslum sem endurspeglast hratt yfir PSDs. Þetta er ótrúlega gagnlegt fyrir haus og fætur fyrir síðuna þína, þar sem þú ert líklegri til að gera smá uppfærslur í gegnum verkefnið.
Ég nota líka CC bókasöfn fyrir leturgerð í hönnun minni. Ég seti upp stíl fyrir afrit af hetju, fyrirsagnir, undirfyrirsagnir, líkamsafrit, frásagnir, osfrv. Fyrir skrifborð, tafla og farsíma. Varðandi skoðunarskjáinn finnur ég mig með því að nota listasniðið meira en svo sem flísarskjárinn vegna þess að auðvelt er að skanna hana.
Bókasafnsþættir skoðuð sem samstarfsaðili
Bókasöfn eru einnig frábær fyrir samstarf á liðinu. Þú getur valið að annaðhvort vinna saman með öðrum auglýsingum svo þau geti breytt og bætt við bókasafnið, eða þú getur deilt bókasafninu til að auðvelda aðgang. Þeir hafa einnig "Búa til nýtt bókasafn úr skjalinu", en ég vil frekar búa til bókasafnið sjálfan, þannig að það haldist skipulagt og hefur aðeins viðeigandi eignir.
Því miður eru nokkrar gallar á bókasöfn, einn af þeim er skortur á aðskildum staf og málsgreinar fyrir texta. Ég vinn um þetta með því að beita stafstílnum mínum í sérstökum reit og síðan klíra mismunandi stíl inn í kassa saman til að auðvelda textaskiptum við að stjórna innan skráarinnar. Annar galli er að þú getur ekki uppfært stafstíl á heimsvísu. Eins og er, eru engar stofnunarhæfileikar innan bókasafnsins til að búa til undirmöppur innan flokka (lit, stafstíll osfrv.), En vonandi vinnur Adobe líka um þetta.
Núverandi hátt CC-bókasöfn vinna er að nýjasta uppfærður / bætt eignin birtist efst. Ekki er hægt að beita CC bókum litum á einstökum texta í textareitum og er aðeins hægt að beita þeim á formum og öllum textareitum. Ég er viss um að Adobe er erfitt í vinnunni til að laga þessi mál, svo ég er ekki of áhyggjufull, sérstaklega þar sem kostirnir vega þyngra en gallarnir.
6. Halda myndir og vektorum í sviði hlutasnið
Þó að það muni gera skrána stærri, halda myndirnar og vektorarnir í snjöllum hlutasniðum auðveldara fyrir framtíð hönnuða að breyta PSDs þínum. Myndaðu þetta: Viðskiptavinurinn kemur til baka með breytingum sem fela í sér að endurmynda mynd af hetju og gera smá klip til vektoráknið. Þetta er gert betur ef PSD inniheldur myndina í fullri upplausn frekar en minni, rasterized útgáfu. Vigrar eru einnig auðvelt að klípa þegar þau eru klár hlutir frá Illustrator frekar en rasterized grafík.
Önnur ávinningur af því að hafa myndir í sviði hlutasnið kemur þegar þú vistar þau sem PSDs og setur þær síðan inn í skrána sem snjallt hlut. Notkun setts myndar PSD gerir það auðvelt að bæta við lagfæringarlagi og breytingum innan sérstakrar myndar myndar frekar en að stela upprunalegu skránni. Að nýta klár hluti sem bókasafn grafík gefur þér enn meira af aðlaðandi samsetningu. Ekki aðeins er hægt að breyta vektorhlutunum auðveldlega, en bókasafn grafík mun uppfæra yfir öll forrit.
Grafískur "Hero Illustration" er hægt að breyta í sérstakri PSD til að halda ringulreiðinni á aðalskránni í lágmarki.
7. Búðu til stílhandbók og haltu því við
A einhver fjöldi af vörumerkjum mun hafa almennar stíll fylgja til að fylgja eftir þegar kemur að leturgerð, litum, myndum, táknum, myndum osfrv. Þetta er gagnlegt sem auðlind en mun ekki alltaf halda þér í samræmi við vefsíðuna þína . Ég hefur verulega bætt skilvirkni mína með því að búa til vefstjórnarleiðbeiningar fyrir hvert tiltekið vefsvæði sem ég vinn á.
Stundum munu vörumerki hafa margar síður með mismunandi stílum, svo ég tryggi að ég hafi einn fyrir hvert vefsvæði, þannig að ég geti verið stöðug meðan ég er að hanna. Þetta skapar einnig auðveldan dregið og sleppt úrræði þegar ég þarf hnappa, tákn, myndir, myndir osfrv. Þetta mun ekki aðeins gera þér skilvirkara sem hönnuður heldur mun það hjálpa þér að vera stöðug í stíl þinni um síðuna.
Hvaða bili nota ég á milli hluta? Skoðaðu stílhandbókina! Hver var aðalhnappurinn litur og púði aftur? Grípa það frá stíl fylgja! Þetta mun einnig hjálpa öðrum hönnuðum að hoppa auðveldlega á síðuna hönnun með vellíðan og skilvirkni. Ef þú sameinar notkun CC-bókasafna með stílhandbókinni ertu enn meira á undan leiknum.
Ég geri PSD stíl fylgja fyrir allar mismunandi vörumerkin sem ég vinn á svo ég geti auðveldlega grípa þætti eins og hnappa og tákn.
Margir hönnuðir eru freistaðir til að bæta við nýjum stílum í hvert skipti sem þeir standa frammi fyrir nýju vandamáli í hönnuninni. Fyrir samkvæmni er best að koma í veg fyrir þetta og haltu alltaf við þær staðlar sem þú hefur komið á fót innan stýrimyndar þinnar. Ef þú bætir við nýjum lögum og stílum skaltu ganga úr skugga um að þau séu beitt á öllu síðunni.
Því fleiri nýjar stílar sem eru búnar til, því flóknara framtíðarsnið verður, og því erfiðara verður að hönnuðir hoppa til verkefna og halda hönnun í samræmi. Í mörgum tilfellum er samkvæmni mikilvægara en stöðug nýsköpun þegar kemur að notendavanda. Þó að það geti tekið þig meiri tíma til að búa til vefstjórnarleiðbeiningar í upphafi verkefnis, mun það auka skilvirkni þína fyrir alla framtíðarsíður.
Ein besta æfingin sem ég lærði af Brad Frost er að gera tengi birgða annaðhvort í hönnunarferlinu eða á núverandi vefsvæði sem þú munt vinna að. Tengimagn samanstendur af því að safna öllum mismunandi textastílum, hnappastílum osfrv. Með skjámyndum og samanteka þær til að finna ósamræmi. Þú getur þá kynnt niðurstöður þínar til viðskiptavinarins til að leggja fram uppfærslur og úrbætur.
Þar sem vefsíður snerta margar hönnuðir hvað varðar tilveru þeirra, þá getur það orðið nokkuð loðinn í samkvæmisdeildinni. Þegar þú hefur fundið samræmda hönnunarsnið fyrir þætti á síðunni skaltu ganga úr skugga um að uppfæra stýrihandbókina þína svo að allir séu uppfærðir.
Skjáskot frá tengibúnaði frá http://bradfrost.com/blog/post/interface-inventory/
8. Foster inter-departmental samstarf
A einhver fjöldi af fólki sem stunda starfsferil í markaðssetningu (hönnuðir, verktaki, copywriters osfrv.) Hafa tilhneigingu til að vera innrautt, svo það er erfitt að stíga út úr þægindasvæðinu þegar kemur að samstarfi. Það er líka erfitt að yfirgefa sérþekkingu þína, sérstaklega þegar það er auðveldara að tengjast fólki á þínu sviði. Jafnvel þó að það geti verið óþægilegt eða óþægilegt stundum, að fara úr kúlu og reglulega að vinna með fólki frá öðrum deildum getur verulega bætt gæði hönnunanna með skilvirkni þinni.
Helstu dæmi um þetta er þegar hönnuðir og verktaki vinna saman að endurhönnun. Þú ættir að hitta framkvæmdaraðila fyrirfram til að fara yfir hvaða ramma þeir nota, fræða þig um ristakerfið og meta möguleika. Þegar hönnunarvinnan er lokið skaltu ganga úr skugga um að deila Photoshop bókasafninu þínu þannig að verktaki hafi greiðan aðgang að litavali, leturgerðum osfrv. Það er einnig gagnlegt að deila stílhandbókinni fyrirfram ásamt hvaða hlutum sem þú hefur hannað til að gefa þeim góða byrjun.
Samstarf við aðra hönnuði í hópnum sem notar bókasöfn mun einnig hjálpa þér að vera stöðug og vera skilvirkari. Að veita listastjóranum eða flestum Senior Designer ábyrgð á bókasafn og stíl fylgja uppfærslur mun útrýma rugl og halda vörumerki samræmi. Gakktu úr skugga um að það sé samskiptamiðli þegar uppfærslur eru gerðar þannig að allir séu á sömu síðu.
Vertu heilbrigð
Vefhönnun getur verið yfirþyrmandi og krefjandi stundum. Það þarf ekki alltaf að vera þannig. Með því að fylgja þessum einföldu ráðum um Photoshop skilvirkni geturðu létta góða hluti af streitu þinni. Ekki aðeins mun þetta bæta vellíðan þína, en stjórnendur og stjórnendur bæði viðskipti og skapandi hlið munu virkilega þakka vinnu þinni og hvetja þig til þess. Eftir allt saman, allir eru góðir með samkvæmari, skilvirkari og fallega búinn hönnun.