Dragilor,

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

S parcurgei cu titlu introductiv lucrarea n limba englez, Principles of Beautiful Web

Design, Beird Jason (2007) pentru a v clarifica urmtoarele subiecte de ordin general:

Care sunt principiile de layout i de compoziie pe care le putei folosi pentru a proiecta
o 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 pagini
web?
Soluii de web design prefabricate, gata de utilizare. Ce sunt ele i cum trebuie
fructificate, fr pericolul de a da natere unei solii nvechite, vzute, depite?
Unde trebuie cutat inspiraia pentru un Web Design original, autentic? Care sunt
tendinele estetice n web design, la nivelul anului 2006, cnd a fost editat cartea lui
Beird?
Cteva aspecte tehnice introductive: redimensionarea unei pagini web pagin fix vs.
pagin ajustabil (engl. Liquid vs. Static Layout), rezoluia ecranului i rezoluia
optim, standard a unei pagini web:
Cum s creai o palet cromatic pe care s o folositi ntr-un sit web?
Cum putei atribui tactilitate unui artefact, aa cum e cazul unui sit web, prin
introducerea texturii / suprafeelor texturate (puncte, linii, forme, volume i
profunzimea 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 aplicaiei Adobe Photoshop CS

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

Cum s v gndii grila de dispunere a coninutului paginii (engl. Grid) n spaiul plat
al unei pagini de internet? Ce sunt culorile hexazecmale i cum pot fi codificate n
limbaj de structurare HTML (4.1)?
Ce nseamn s structurai coninutul unei pagini printr-o structur de tip
wireframe?
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 putei
controla prin lucrul pe straturi (Layers) sau cu ajutorul funciei Layer Comps:
Cum poate fi crescut productivitatea i viteza realizrii unui layout de sit web in
Photoshop CS 3.0 prin recurgerea la funcii de tipul celei numite Smart Objects sau
Styles (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 ajutorul funciei Save
for Web&Devices:

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. Ca
s v fie mai uor, am scanat i v expediez proiectul realizat de mine n 1998, pentru acel sit
web educaional. Reperele acestor faze trebuie s fie:

[TARGET GROUP /NIA DE PIA] Stabilii cine sunt indivizii care vor forma
grupul int pentru care proiectai? ncercai s i descriei pe potenialii votri
vizitatori, s vi imaginai, cine sunt, ce anume caut pe acel subiect, care le sunt
nevoiele? Va satisface situl vostru acele nevoi/necesiti identificate?
[PRE-REQUISITES / CERINE PRELIMINARE] Ce competene, cunotine sau/i
aptitudini au nevoie vizitatorii votri pentru a se bucura, la maximum, de ceea ce le va
oferi situl vostru;
[RESURSELE
INFORMAIONALE
I
INSTRUMENTE
DE
CREAIE/PRODUCIE ALE SITULUI VOSTRU] De unde anume urmeaz s v
culegei informaiile pe care le vei publica pe sit cri (tiprite sau online), alte
situri web, cd-roms, consiliere primit de la specialiti n domeniu (Subject Area
Specialists):
[GENERAREA DE IDEI DE CONINUT ALE SITULUI] Sub forma unei liste, i prin
metode tipice de creativitate (e.g. Brainstorm) generai idei de coninut, evaluai
oportunitatea prezenei lor n cadrul structurii coninutului sitului. Excludei-le pe cele
care nu se potrivesc cu obiectivele sitului, sau care depesc limitele acestora ori nu
sunt realiste. Vezi paginile 6-8 ale *.pdf-ului ataat!
[HARTA CONCEPTELOR INCLUSE N SIT] Realizai harta conceptelor Concept
Map pentru arealul de idei/concepte pe care situl vostru l va acoperi. Vezi diagrama
de la pagina 5 a *.pdf-ului ataat! Folosii aplicaia MS Office Word (97, 2000, 2003,
2007, 2010 etc.) pentru a realiza aceast diagram.
[FLOWCHART] Realizai digrama secveelor posibile de parcurgere a coninutului
sitului, plecnd de la nivelul I, cel mai simplu i ajungand pan la nivelul III, cel mai
complicat. 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. buton
interactiv) etc. Plecai de la un comletarea unui formular care seaman cu cel de la
pagina 16 a *.pdf-ului ataat. Acel ecran este imaginat ca avnd rezoluia de 511 x 341
pixeli (un raport de 1,49 ntre lime i nlime. Voi putei folosi ca standard, rezoluia
de 1024 x 768 pixeli (adic un raport de 4:3, sau 1,33333). Pentru a v face o idee
despre cum v poate ajuta un storyboard (sau sinopsis) la prefigurarea designului
vizual al unii sit web, trecei n revist paginile 16-34 ale proiectului exemplu dat n
format *.pdf!

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

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