WebdesignerDepot endurhannað!

Og hér er það ... Eftir allt of margar tafir, ótal mock ups og hugmyndir, nýja {$lang_domain} er loksins kominn! Þetta var ótrúlega flókið endurhönnun ferli fyrir allt WDD liðið en við erum mjög stolt af niðurstöðum og við vonum að þú elskar það eins mikið og við gerum.

Við hleypt af stokkunum nýja hönnun í gær og Twittersphere hefur gefið okkur mikla endurgjöf og hjálpað til við að greina einhverjar galla. Við höfum verið að laga galla undanfarna daga og eru ennþá að gera það, svo vinsamlegast afsakaðu einhverjar tæknilegir gallar sem þú getur enn komið yfir á næstu dögum.

Það var mikilvægt fyrir okkur að nýja hönnunin haldi sál gamla svæðisins svo að segja, en á sama tíma hvetja gesti okkar og uppfæra það í samræmi við núverandi hönnunarmöguleika og tækni.

Nýja heimasíðan, einkum, gerir betra starf við að kynna nýja gesti á síðuna okkar. Þú munt taka eftir því að leiðsögnin og uppbygging upplýsinga er miklu hreinni og skýrari núna.

Í þessari færslu munum við fara í smáatriði um hvað er nýtt og hvað fór á bak við tjöldin til að koma þér með þessa nýja útgáfu af WDD. Svo, skulum kafa strax inn!

Ef þú hefur verið einn af 40 milljón gestum okkar (!) Á undanförnum árum, muntu taka eftir því að hönnunin er vel hvernig á að segja það? Róttækan öðruvísi! Reyndar hefur ekkert af gömlu hönnuninni verið haldið. Við kastaði öllu í burtu og byrjaði ferskt frá grunni. Þetta er jafn róttæk og hægt er að fá með endurhönnun og það beri ákveðna áhættu fyrir okkur þar sem við töpum fyrri vörumerkjavörum okkar í þágu það sem við teljum er betra fyrir síðuna okkar, innihald hennar og síðast en ekki síst: ÞÚ, ótrúlega lesendur okkar !

Byrjum með einhverjum einum til að sjá hver er á bak við allt þetta ...

Art: Radim Malinic
Merki: Steven Bonner
Vefhönnun: Walter Apai
Kóði: WDD Team
Sumir hönnunarþættir eftir Matthew Skiles
Hönnun vitna: Tilvitnanir um hönnun

Svo hér er það sem er nýtt í þessari hönnun:

Hybrid skipulag: Tímarit og hefðbundin bloggstíll

Þó að gamla hönnunin hafi hefðbundið bloggútlit, þar sem nýjustu færslur birtast alltaf efst, er endurhannað útgáfa blendingur milli tímaritsstíl og hefðbundin blogguppsetning. Við finnum að þetta virkar frekar vel fyrir innihald okkar. Breiðari skipulag heimilaði okkur að koma miklu meira efni inn á heimasíðuna, en 2 dálkarnir á heimasíðunni auðvelda að lesa en nokkrar hefðbundnar tímaritstílblöð þar sem efni getur stundum verið yfirgnæfandi.

Valið efni

Bloggfærslur eru fluttar af þremur sviðum: 2 lóðrétt og 1 lárétt. Lóðrétt svæði eru með heitustu efni á síðunni (móttækileg hönnun, jQuery osfrv.), En lárétt svæði er notað til að sýna nýjustu tilboðin á síðunni MightyDeals.com. Í heildina getum við búið til 10 fleiri færslur en við notuðum í fyrri hönnun án þess að yfirbuga lesendur okkar.

Jafnvægi og þyngd

Heimasíða: Vegna mikillar myndmálanna, reyndum við að halda jafnvægi á milli texta og mynda með því að sýna nægilega forskoðað textaefni fyrir hverja færslu. Fyrir raunveruleg greinarsíður valdum við að hafa myndir og kóðabrot í fullri breidd, en textinn birtist miðju á smærri breidd myndanna. Þetta gerir síðuna fljótlegra og auðveldara að lesa (eða skanna) og birtir myndirnar í stærsta mögulegu stærðum til að ná hámarksáhrifum. Fyrir myndirnar í eldri færslum og öðrum smærri myndum völdum við að birta gráa stika á hliðinni og minnir á svarta strikurnar sem þú sérð þegar þú horfir á venjulega skýringarmynd á HD sjónvarpi. Þetta var besta málamiðið sem við gætum fundið til að samþætta þær eldri færslur í nýtt útlit vefsins án þess að endurnýja hundruð innlegg!

Móttækileg hönnun

Hin nýja síða er nú að fullu móttækileg og lítur vel út hvort þú ert á skjáborði, fartölvu, spjaldtölvu eða snjallsímanum. Skoðaðu snjallsímaútgáfuna eins og það lítur út og líður meira eins og forrit en vefsíða og við erum mjög stolt af því hvernig þetta gerðist. Það hleðst hratt líka!

Retina grafík

Með Apple rúlla út fleiri sjóntaugakerfi, eru skjámyndir með hærri upplausn að verða meira viðeigandi fyrir vefsíður. Hin nýja WDD er að þjóna sjónhimnu grafík þar sem það er mögulegt. Hönnun svæðisins er fullkomlega skörpum á tækjum í sjónhimnu. Að fara áfram, við munum hafa sjónhimnu bjartsýni grafík í öllum innleggum okkar þar sem mögulegt er. Þetta er auðveldara sagt en gert þar sem vefurinn er ekki alveg retina tilbúinn ennþá, í raun eru mjög fáir síður að þjóna stórum hágæða grafík á þessum tíma. Sumir nýjustu færslur okkar eru nú þegar að hluta til tilbúnir og sumir vilja bera þetta í framtíðinni. Við heyrðum einnig að sjónhimnuauglýsingar mega ekki vera of langt í framtíðinni.

Auka siglingar

Þú munt taka eftir plús tákn á hægri hlið vafra (ekki á farsímum) þegar þú skoðar greinar. Þegar smellt er á þetta opnar lítill vafra sem leyfir þér að fletta í gegnum núverandi grein, eins og að vafra um innihaldsefni eBook. Þú getur einnig deilt þessari grein um lítill vafra eða séð tengdar greinar, auk þess að lesa næstu og fyrri færslur.

Listin

Enn og aftur, samstarf við über hæfileikaríkur Illustrator Radim Malinic til að búa til listina fyrir nýja síðuna okkar. Radim er verðlaunaður listastjórinn og grafískur hönnuður, staðsettur í London, Englandi. Undir nafninu Vörumerki Nu Hann vinnur með helstu vörumerkjum heimilanna. Frá upphafi WDD website hönnun, hefur hann haldið áfram að vinna með Goldman Sachs, Bacardi, Blistex, London Film Museum og margt fleira. Vinnustíll hans er einn af fjölbreyttustu í greininni. Djörf og litrík hönnun hans hvetur mikið af fólki sem sér þá. Við spurðum Radim að einbeita sér að hönnun sinni í hringjum í þetta sinn, þar sem þetta er tímalaus form sem er ákaflega vinsæl og studdi í núverandi vefsíðuhönnun.

Parallax

Nýja list og lógó á hausnum eru gerðar til lífs með 5 laga parallax áhrif (að flytja á mismunandi hraða) í haus kafla vefsins. Til að sjá það skaltu einfaldlega færa músina í kringum hausinn (ekki á farsímum). Við teljum að það lítur svolítið flott út og bætir þáttum af skemmtun á síðuna! [UPDATE] Parallax áhrifin var elskuð af flestum, en sumt fólk líkaði það ekki, svo við bættum kost á því að slökkva á því með því að hægrismella á áhrifasvæðið.

Merki

Þó að gamla merkið þjónaði okkur vel og var vel líklegt, þar sem þetta var fullkomið endurhönnun, var nýtt merki í röð! Við samvinnuðum þessum tíma með Steven Bonner að endurhanna merki okkar. Hann er mjög hæfileikaríkur typographer byggt í Skotlandi með öfundsverður eigu af tegundir af forystu myndum fyrir suma stærstu vörumerkjum heims. Við teljum að það hafi reynst frábært og jafnvægi á síðuna vel með persónulegum höndum sem dregin eru saman, en að leita faglega og fágað á sama tíma.

Ritgerð

Við lokched loksins gamla leiðinlegt leiðinlegt leturgerð í þágu Typekit vefrita, sem eingöngu er notað um síðuna. Við notum Kulturista fyrir alla hausin sem lítur vel út og hefur góða persónuleika og einstaka tilfinningu. Fyrir líkamann texta sem við völdum Proxima Nova sem hefur frábæran læsileika og er frábært fyrir stóra klúbb af texta. Fyrir fyrirsagnir, höfum við einnig talið Adelle , og fyrir líkams texta við tölum einnig Museo Sans, Adelle Sans , Mýgrútur og Helvetica .

Pictos táknmynd

Við notum fullt af táknum í þessari nýju hönnun. Táknin eru hluti af ógnvekjandi Pictos leturgerð hannað af Drew Wilson . Við notum það jafnvel fyrir hreyfimyndir okkar í samfélaginu neðst á síðunni.

Footer

Við höfum 2 fótspor svæði neðst á síðunni. Í fyrsta lagi er lögð áhersla á sum svæði sem við teljum mikilvægt að leggja áherslu á og þá ertu með hefðbundna útlit á botni með aðallega textatenglum og nokkrum hreyfimyndum.

Félagsleg samvinna

Við vildum sýna gestum okkar á stærri hátt, þannig að nýja WDD er miklu meira félagsleg en áður. Við erum nú með athugasemdir þínar og retweets rétt undir hverri færslu á heimasíðunni. Svo, ef þú vilt fá smá frægð, geturðu nú fengið avatarinn þinn þarna til að sjá um allan heiminn! Jæja, það er svolítið ýkjur!

Færri auglýsingar

Allt í lagi, sumir góðar og slæmar fréttir. Sumar auglýsingar okkar voru stærri en við höfum einnig skorið niður fjölda auglýsinga sem birtast á vefsvæðinu. Við viðurkennum að í gegnum árin var síða okkar svolítið of uppblásin með auglýsingum, svo þetta var frábært tækifæri til að hreinsa upp hlutina. Þetta hefur gert skipulag hreinna og meira fagurfræðilega ánægjulegt að sigla, en samt vera fær um að geta greitt leigu - gleymist ekki að styðja góða styrktaraðila okkar :)

Depot.ly

Þessi er í raun nokkrar vikur gömul: við byrjuðum að nota stuttan vefslóð fyrir kvak okkar, svo þú getur viðurkennt innlegg okkar í hvaða félagslegum leiðum sem þú notar. Nokkuð gagnlegt við hugsum!

Fleiri efni

Eins og þú hefur tekið eftir, byrjaði nýlega að senda fleiri greinar á hverjum degi. Þrátt fyrir að ritstjórnarfærslur hafi verið og heldur áfram að vera kjarninn í innihaldi okkar, þá náum við einnig til viðeigandi frétta og lítill staða sem passa vel fyrir hönnuði og forritara sem heimsækja síðuna okkar. Við teljum þetta heldur síðuna meira núverandi og í sambandi við það sem er að gerast í heiminum núna án þess að grípa til fullra ritstjórna fyrir hverja færslu.

Við fundum fullt af málum að fá þessa hönnun til að vinna yfir alla vafra og tæki (og ennþá!). Reyndar var þetta orsök sumra síðustu tafa sem við upplifðum. Við vorum ætlaðir að hleypa af stokkunum í síðustu viku, en margar vafraútgáfur drógu okkur niður. Afsakaðu þetta! Eldur var sérstaklega krefjandi, en IE 8 reyndist vera verra og orsök margra höfuðverkja og gremju fyrir coders okkar. Frá upphafi í gær höfum við fengið mikið af aukaupplýsingum um Twitter um málefni sem enn þarf að leysa. Takk fyrir þolinmæði þína þegar við tökum þetta.

Það sem þú sérð í dag er ný hönnun, en það er ekki allt. Við ætlum að bæta við nokkrum nýjum hlutum fljótlega. Þú munt læra meira um þetta á næstu vikum.

Við elskum öll persónulega nýja hönnunina og við búumst við því að halda áfram að þróast á grundvelli athugasemda. Við munum mjög vel þakka þér ef þú gætir samt látið okkur vita af öllu sem þú vilt að við getum bætt okkur á. Vinsamlegast láttu okkur vita ef þú finnur fyrir vafrahæfni, eða vandamálum á tilteknum farsímum sem þú notar svo að við getum tekið á móti þeim fljótlega.

Eins og alltaf, erum við mjög þakklátur fyrir ykkur öllum til að styðja WDD fyrir öll þessi ár. Frá öllu liðinu hér á WDD, stór takk fyrir ykkur og við vonum að þessi nýja hönnun hvetur þig og þjónar þér vel meðan þú vafrar á síðuna okkar.

Hvað finnst þér um nýja WDD endurhönnun? Við fögnum endurgjöf þinni!

móttækilegur hönnun vefhönnun endurhönnun wdd sjónhimnu grafík webdesignerdepot