7/26/2019 Mesaj Studenti an I Ruta-D Graphic Disc-WebDesign 2016 Sem 1

1/2

Dragilor,

Ce anume atept de la voi, pentru a putea aboslvi aceast prim parte a cursului?...

1.

S parcurgei cu titlu introductiv lucrarean limba englez,Principles of Beautiful WebDesign, Beird Jason (2007) pentru a v clarifica urmtoarele subiecte de ordin general:

Care sunt principiile de layouti de compoziiepe care le putei folosi pentru a proiectao pagina web (echilibrul vizual, unitatea vizual, accentul i centrul/centrele de interes?

Care sunt atributele unei soluii de design bun? Cum distingem un design bun de unul mai puin bun, ori de unul defectuos, chiar de

unul prost?

Care sunt elementele anatomice ale unei pagini web header, logo, content area(main content area, secondary content area, navigation area, footer?

Cum se aplic teoria grilei engl. Grid Theory la designul vizual al unei paginiweb?

Soluii de web design prefabricate, gata de utilizare. Ce sunt ele i cum trebuiefructificate, fr pericolul de a da natere unei solii nvechite, vzute, depite?

Unde trebuie cutat inspiraia pentru un Web Design original, autentic? Care sunttendinele estetice n web design, la nivelul anului 2006, cnd a fost editat cartea luiBeird?

Cteva aspecte tehnice introductive: redimensionarea unei pagini web pagin fix vs.pagin ajustabil(engl.Liquidvs.StaticLayout), rezoluia ecranului i rezoluiaoptim, standard a unei pagini web:

Cum s creai opalet cromaticpe care s o folositi ntr-un sit web? Cum putei atribuitactilitateunui artefact, aa cum e cazul unui sit web, prin

introducerea texturii/ suprafeelor texturate(puncte, linii, forme, volume iprofunzimea spaiului, pattern-ul etc.:

Rolul textului(font, dimensiune, culoare, textur, spaiere, aliniere, expresia grafic a

unui font sau altul, n funcie de contextul n care e plasat: Imageria integrabil unui sit web (ce imagini fotografice, prelucrate, ilustrative etc.):

2. S vizionai cele nou tutoriale de introducere n utilizarea aplicaieiAdobe Photoshop CS

3.0 pentru Web Design, pe care vi le-am furnizat. Aceste tutoriale ar trebui s vfamiliarizeze cu urmtoarele subiecte, practicen cea mai mare msur:

Cum s v gndii grila de dispunerea coninutului paginii(engl. Grid)n spaiul platal unei pagini de internet? Ce sunt culorile hexazecmale i cum pot fi codificate nlimbaj de structurare HTML (4.1)?

Ce nseamn s structurai coninutul unei pagini printr-o structur de tipwireframe? Cum s concepei un moodboard i ce elemente s inlcudei ntr-o asemenea

compoziie hibrid i eccectic ca i coninut? Cum s organizai logic coninutul unei pagini imagini, text, mti, ilustraii,

animaii etc. , sub form de coloane verticale sau arii orizontale, pe care s le puteicontrola prin lucrul pe straturi (Layers) sau cu ajutorul funcieiLayer Comps:

Cum poate fi crescut productivitatea i viteza realizrii unui layout de sit web inPhotoshop CS 3.0 prin recurgerea la funcii de tipul celei numiteSmart ObjectssauStyles(stilurile grafice pentru obiecte)?

Cum s generai i s folosii un text orb(engl. Greek Text): Felierea unei interfee(engl. The Slice function) pentru a o putea exporta ctre

aplicaia de integrare (Dreamweaver, Muse, EdgeAnimate, Firebug):

Optimixarea imaginilor matriciale pentru publicare online cu ajutorulfunciei Savefor Web&Devices:

7/26/2019 Mesaj Studenti an I Ruta-D Graphic Disc-WebDesign 2016 Sem 1

2/2

3. S v alegei un subiect i o tem pentru un layout de sit web i, pentru nceput, s

trecei respectivul proiect prin fazele de conceptualizare pe care vi le-am prezentat la curs. Cas v fie mai uor, am scanat i v expediez proiectul realizat de mine n 1998, pentru acel sitweb educaional. Reperele acestor faze trebuie s fie:

[TARGET GROUP /NIA DE PIA] Stabilii cine sunt indivizii care vor formagrupul int pentru care proiectai? ncercai s i descriei pe potenialii votrivizitatori, s vi imaginai, cine sunt, ce anume caut pe acel subiect, care le suntnevoiele? Va satisface situl vostru acele nevoi/necesiti identificate?

[PRE-REQUISITES / CERINE PRELIMINARE] Ce competene, cunotine sau/iaptitudini au nevoie vizitatorii votri pentru a se bucura, la maximum, de ceea ce le vaoferi situl vostru;

[RESURSELE INFORMAIONALE I INSTRUMENTE DECREAIE/PRODUCIE ALE SITULUI VOSTRU] De unde anume urmeaz s vculegei informaiile pe care le vei publica pe sit cri (tiprite sau online), altesituri web, cd-roms, consiliere primit de la specialiti n domeniu (Subject AreaSpecialists):

[GENERAREA DE IDEI DE CONINUTALE SITULUI] Sub forma unei liste, i prin

metode tipice de creativitate (e.g. Brainstorm) generai idei de coninut, evaluaioportunitatea prezenei lor n cadrul structurii coninutului sitului. Excludei-le pe celecare nu se potrivesc cu obiectivele sitului, sau care depesc limitele acestora ori nusunt realiste. Vezi paginile 6-8 ale *.pdf-ului ataat!

[HARTA CONCEPTELORINCLUSE N SIT] Realizai harta conceptelor ConceptMap pentru arealul de idei/concepte pe care situl vostru l va acoperi. Vezi diagramade la pagina 5 a *.pdf-ului ataat!Folosii aplicaiaMS Office Word (97, 2000, 2003,2007, 2010 etc.)pentru a realiza aceast diagram.

[FLOWCHART] Realizai digrama secveelor posibile de parcurgere a coninutuluisitului, plecnd de la nivelul I, cel mai simplu i ajungand pan la nivelul III, cel maicomplicat. Folosii aplicaia MS Office Word pentru a realiza aceast diagram. Vezi(p. 9-15 ale *.pdf-ului ataat):

[STORYBOARD] Realizai schie de layout, design de interfa, design de detaliu

(zona de navigare, zona de interaciune, design de element de navigare (e.g. butoninteractiv) etc. Plecai de la un comletarea unui formular care seaman cu cel de lapagina 16 a *.pdf-ului ataat. Acel ecran este imaginat ca avnd rezoluia de 511 x 341pixeli (un raport de 1,49 ntre lime i nlime. Voi putei folosi ca standard, rezoluiade 1024 x 768 pixeli (adic un raport de 4:3, sau 1,33333). Pentru a v face o ideedespre cum v poate ajuta un storyboard (sau sinopsis) la prefigurarea designuluivizual al unii sit web, trecei n revist paginile 16-34 ale proiectului exemplu dat nformat *.pdf!

Pentru orice nelmurire, nu ezitai s m contactai prin E-mail (pcdieter2005@yahoo.com).

Dieter Penteliuc-Cotoman / 05 februarie 2016 / 14:39/

mailto:pcdieter2005@yahoo.commailto:pcdieter2005@yahoo.commailto:pcdieter2005@yahoo.commailto:pcdieter2005@yahoo.com