Web design

Az oldal jelenlegi verzióját még nem ellenőrizték tapasztalt közreműködők, és jelentősen eltérhet a 2021. január 5-én felülvizsgált verziótól ; az ellenőrzések 18 szerkesztést igényelnek .

Webdesign (az angol  web design szóból ) - a webfejlesztés egyik ága és egyfajta tervezés , amelynek feladatai közé tartozik a webes felhasználói felületek tervezése webhelyekhez vagy webes alkalmazásokhoz .

Webtervezők:

Az emberi tevékenység két ága metszéspontjából eredően a hozzáértő webdesignernek ismernie kell a legújabb webtechnológiákat, és rendelkeznie kell a megfelelő művészi adottságokkal. A tervezés területén dolgozó szakemberek többsége általában tervezőstúdióként koncentrálja az ilyen kreatív oktatást.

A webdesigner viszonylag fiatal szakma , és Oroszországban még nem elterjedt a webdesign területén végzett szakmai képzés . A weben történő reprezentáció iránti kereslet növekedése miatt a honlapkészítés iránti igény is növekszik , nő a webdesignerek száma. Jelenleg a webdesign szolgáltatásokat webstúdiók és magánszemélyek ( szabadúszóként dolgozó webdesignerek ) egyaránt nyújtják.

A kifejezés magyarázata

A webdesign egyfajta grafikai tervezés , amelynek célja az internetes információs környezet objektumainak fejlesztése és tervezése , amelyek célja, hogy magas fogyasztói tulajdonságokat és esztétikai tulajdonságokat biztosítsanak számukra. Ez az értelmezés elválasztja a webdesignt a webprogramozástól , hangsúlyozza a webdesigner tárgyi tevékenységének sajátosságait, a webdesignt a grafikai tervezés egyik fajtájaként pozicionálja [1] .

Jelenleg a webdizájn alatt egy webes erőforrás szerkezetének megtervezése értendő, amely biztosítja a felhasználók számára az erőforrás használatának kényelmét .

Az erőforrás-tervezés fontos része a közelmúltban az erőforrás összhangba hozása a W3C szabványokkal , ami biztosítja a tartalom hozzáférhetőségét a fogyatékkal élők és a hordozható eszközök felhasználói számára (lásd a használhatóság  - „egyszerű használat”), valamint a platformok közötti hozzáférést. (jelen esetben az úgynevezett cross-browser ) elrendezési erőforrás. Az oldalak tervezéséhez közvetlenül kapcsolódik az internetes marketing is ( internet marketing ), vagyis a létrehozott erőforrás promóciója és reklámozása, keresőoptimalizálás .

Folyamat és eredmény

Az egyedi tervezés drágább, de a nulláról való rajzolással is jár, egy teljesen egyedi fejlesztés egy konkrét megrendelésre. A webdesigner a cég professzionalizmusától és/vagy politikájától függően vagy teljesen önállóan dolgozza ki az ötletet és a tervezési koncepciót , vagy számos követelményt (szín, stílus stb.), elvárásokat és ötleteket kap a megrendelőtől vagy kreatívtól . rendező ( art director ), és ezt az irányt igyekszik tartani az elrendezés kidolgozásakor. A legtöbb ügyfél tévesen azonosítja a webdesignert és a webmestert, és rábízza az oldal közzétételét.

Előfordul, hogy egy tervező sablonok (saját vagy akár valaki más) alapján tud olyan tervezési megoldást ajánlani , amely felgyorsítja a munkát és kevesebbe kerül a megrendelőnek. Egyes tervezők még arra is specializálódtak, hogy tervezési maketteket készítsenek, amelyeket kész sablonként értékesítenek, és amelyeket aztán kevésbé tapasztalt tervezők vagy webmesterek megvásárolhatnak , és általános webhelyek készítésére használhatnak (lényegében egyedi tervezés nélkül). Néha a webdizájn fejlesztését egy ilyen sablon kis átrendezésének és adaptálásának nevezik egy adott megrendeléshez.

A webdesigner munkájának végeredménye egy tervezési elrendezés: egy kép, amely a webhely oldalainak tervezett jövőbeni megjelenését ábrázolja. Ez a kép többrétegű, ahol a tervező belátása szerint szinte minden részlet egy külön réteg, amely más képrétegekhez kapcsolódik, aminek köszönhetően a finomítás, csere, átrendezés és egyéb feladatok könnyen elvégezhetők. Az ötlettől és a céloktól függően az elrendezés tartalmazhat fényképeket, összetett kollázsokat , illusztrációkat , szövegrétegeket, egyedi ikonokat . A főoldalhoz és a belső oldalakhoz esetenként külön elrendezést készítenek, kiegészítve vagy módosítva az oldal témájának megfelelően.

A kép kezdetben lehet vektoros vagy raszteres , Adobe Illustrator , Adobe Photoshop , GIMP vagy más vizuális szerkesztővel (például Scribus vagy Inkscape ) készült, de az elrendezéstervezők esetében a képet általában raszteres formátumba konvertálják.

2021-re egy kissé megváltozott paradigma honosodott meg, amelyben a webdesigner végterméke egy nem kép, hanem interaktív mező formájú, túlnyomórészt vektorgrafikát tartalmazó tervezési elrendezés, amelyet a a tervező, mint egy grafikus szerkesztőben. Ugyanakkor az interaktív mező elemeinek minden manipulációja CSS -stílusú , lépcsőzetes táblázatok formájában van leírva, amelyeket az elrendezéstervezők használnak. Így működik a Figma , a Sketch stb.

A fenti alkalmazás egyetlen hivatkozása is alkalmas a kliensnek való demonstrációra, ahol a statikus megjelenítés mellett interaktív prototípusként is bemutatható a terv.

Kezdőlap tervezés

A használhatósági szakértők, köztük Jakob Nielsen és Kyle Soucy, gyakran hangsúlyozták a honlapok tervezésének fontosságát egy webhely sikerében, és azzal érveltek, hogy a honlap a legfontosabb oldal a webhelyen. [2] A gyakorlati szakemberek azonban a 2000-es években kezdték azt tapasztalni, hogy a webhelylátogatók egyre nagyobb száma megkerüli a kezdőlapot, és keresőmotorokon, elektronikus hírleveleken és RSS-hírcsatornákon keresztül közvetlenül a belső tartalommal rendelkező oldalakra lép. [3] Ez sok gyakorlót arra késztet, hogy azzal érveljen, hogy a honlapok kevésbé fontosak, mint azt a legtöbben gondolják. [4] [5] [6] 2007-ben Jared Spool azzal érvelt, hogy egy webhely kezdőlapja valójában a webhely legkevésbé fontos oldala. [7]

2012-ben és 2013-ban a körhinták (más néven „csúszkák” és „guruló szalaghirdetések”) rendkívül népszerű dizájnelemekké váltak a honlapokon, amelyeket gyakran használtak kiemelt vagy friss tartalmak korlátozott helyen történő bemutatására. [8] Sok gyakorló azzal érvel, hogy a körhinta nem hatékony tervezési elemek, és károsak a keresőoptimalizálás és a weboldal használhatósága szempontjából. [8] [9]

Eszközök és technológiák

A webdesignerek sokféle eszközt használnak attól függően, hogy a gyártási folyamat melyik részében vesznek részt. Ezeket az eszközöket idővel új szabványokkal és szoftverekkel frissítik, de a mögöttük álló elvek ugyanazok maradnak. A webdesignerek vektor- és rasztergrafikus szerkesztőket használnak webalapú képek készítéséhez vagy prototípusok tervezéséhez. A weboldalak létrehozásához használt technológiák közé tartoznak a W3C szabványok, például a HTML és a CSS, amelyek kézzel kódolhatók vagy WYSIWYG szerkesztő szoftverrel generálhatók. A webtervezők további eszközei közé tartoznak a jelölésellenőrzők [10] és más használhatósági és hozzáférhetőségi tesztelő eszközök, amelyek megbizonyosodnak arról, hogy webhelyeik megfelelnek a webes akadálymentesítési irányelveknek [11] .

Lásd még

Jegyzetek

  1. Borodaev D.V. Weboldal, mint a grafikai tervezés tárgya. Monográfia. — H.: Septima LTD, 2006. — 288 p. — Bibliográfia: p. 262-286
  2. Soucy, Kyle, az Ön honlapja azt csinálja, amit kellene? , Használható interfész , < http://www.usableinterface.com/articles/homepage.php > Archivált : 2012. június 8. a Wayback Machine -nél 
  3. Spool, Jared (2005. 09. 29.), A kezdőlap tervezése releváns már? , User Interface Engineering , < http://www.uie.com/brainsparks/2005/09/29/is-home-page-design-relevant-anymore/ > Archivált : 2013. szeptember 16. a Wayback Machine -nél 
  4. Chapman, Cameron (2010. 09. 15.), 10 használhatósági tipp a kutatási tanulmányok alapján , hat átdolgozás , < http://sixrevisions.com/usabilityaccessibility/10-usability-tips-based-on-research-studies/ > Archivált 2013. szeptember 2-án kelt példány a Wayback Machine -nél 
  5. 17. mítosz: A kezdőlap a legfontosabb oldalad , 2013-06-02 , < https://businessmag.com.au/how-would-you-design-an-e-commerce-website/ > Decembertől archiválva 2021. 29. a Wayback Machine -nél 
  6. McGovern, Gerry (2010-04-18), A honlap hanyatlása , < http://giraffeforum.com/wordpress/2010/04/18/the-decline-of-the-homepage/ > Archivált : május 24. 2013 a Wayback Machine -nél 
  7. Spool, Jared (2007-08-06), Usability Tools Podcast: Kezdőlap tervezés , < http://www.uie.com/brainsparks/2007/08/06/usability-tools-podcast-home-page-design / > Archivált : 2013. április 29. a Wayback Machine -nál 
  8. 1 2 Messner, Katie (2013-04-22), Image Carousels: Getting Control of the Merry-Go-Round , Usability.gov , < http://www.usability.gov/get-involved/blog/2013/ 04/image-carousels.html > Archiválva : 2013. október 10. a Wayback Machine -nél 
  9. Jones, Harrison (2013-06-19), Homepage Sliders: Bad For SEO, Bad For Usability , < http://searchengineland.com/homepage-sliders-are-bad-for-seo-usability-163496 > Archivált november 2013. 22. a Wayback Machine -nél 
  10. A W3C Markup Validation Service . validator.w3.org . Letöltve: 2022. április 5. Az eredetiből archiválva : 2011. február 22.
  11. W3C Web Accessibility Initiative (WAI). Kezdőlap  (angol) . Web Accessibility Initiative (WAI) . Letöltve: 2022. április 5. Az eredetiből archiválva : 2022. április 5..

Irodalom

Linkek