UNIVERSITATEA AUREL VLAICU DIN ARAD FACULTATEA DE TIINE EXACTE DOMENIUL DE LICEN: INFORMATIC PROGRAMUL DE STUDIU: INFORMATIC FORMA

DE NVMNT: ID

ARAD 2011

LUCRARE DE LICEN
PRINCIPII DE DESIGN ALE INTERFEELOR PENTRU SITE-UL UNEI UNIVERSITI Aplicaie practic: www.uav.ro
NDRUMTOR TIINIFIC Prof. univ. dr. Ioan Dziac ABSOLVENT ucan M. Marius

Introducere

Se prezint ceea ce trebuie cunoscut i luat n considerare pentru a realiza o interfa de site
Principii
Layout,

de design web

culori, tipografie, implementarea tehnic a interfeelor pe web, accesibilitate, marketing

Studii

comparative

Site-uri

academice strine Site-uri academice romneti

Site-ul Universitii Aurel Vlaicu din Arad

Prezentarea

realizrii la nivel vizual i tehnic

1. Principii de design

Design
Liniile au diferite semnificaii artistice i cu ele se pot defini contururi de forme organice sau geometrice Acestea pot fi observate i la nivel compoziional ntr-o imagine O form umplut (cu diferite culori) este un obiect n 2D cu mai multe proprietai: coordonate, arie, lime i lungime, etc Layoutul unui site este format din forme geometrice, de obicei, dreptunghiulare

Elementele unui layout: antet, bara de meniuri vertical sau orizontal, partea de coninut, subsol

1. Principii de design

Culorile sunt prezentate din punct de vedere:

Optic Digital: modele, spaii, profile de culori, corecia gamma, conversii Artistic: roata de culori, scheme de culori, semnificaii

Elemente de tipografie

Margini, coloane, spaieri, alinierea elementelor, paragrafe, interlinie, interletra, crenaj, fonturi, anatomia caracterelor, etc Principii generale pentru coninut profesional

Tehnoredactare pentru web

1. Principii de design

Implementare tehnic
Limitele i constrngerile impuse, standarde web HTML: structura, tag-uri, atribute, etc CSS: selectoare, proprieti, valori Tipuri de interfee

Marketing
Utilizatorii sunt n centrul ateniei Definirea de grup int, funcionaliti Accesibilitate Piaa de desfacere Competiia

2. Studii comparative

Se studiaz competiia site-ului UAV Site-uri strine:

Stanford

University Carnegie Mellon University University of Oxford

Site-uri romneti:
Politehnic din Bucureti Universitatea de Vest din Timioara Universitatea Alexandru Ioan Cuza din Iai
Universitatea

2. Studii comparative

Observaii generale
Tehnologii folosite la nivel client-side: HTML, CSS i JavaScript Nu se folosesc animaii i sunete Grad de accesibilitate mediu Interfee cu layout fix, lime precis, centrate sau pe stnga Structura site-urilor foarte vast, coninut bogat

Problemele site-urilor romneti academice:

inconsecven, neprofesionalism n tehnoredactarea coninutului, grad mai redus de accesibilitate

3. Site-ul www.uav.ro

Design
Layout cu lime fix, centrat Modern, de actualitate Culori plcute, degajate i neobositoare, schem de culori complementare Toate elementele vizuale din design sunt aliniate cu precizie Spaiile ntre elementele vizuale sunt definite cu deosebit atenie pentru a oferi un aer degajat site-ului Efecte vizuale moderate

3. Site-ul www.uav.ro

Implementare tehnic:

HTML, CSS i JavaScript la nivel client-side La nivel server-side: PHP, mySQL, XML i JSON Grad ridicat de accesibilitate: comenzi din tastatur, 100% navigabil pe browsere text-only CSS specific pentru celulare i imprimare
Blog, tiri Fluxuri Atom Hart site, generat dinamic Cutare Pagin de contact avansat, pe departamente Galerie i site-ul este bilingv

Funcionaliti:

3. Site-ul www.uav.ro

Structura site-ului este regndit fa de versiunea precedent, pe baza studiilor, fiind mult mai bine organizat Coninutul redactat este considerabil mai bine dect n site-ul precedent Modul de administrare
Adugare,

tergere i modificare de pagini Gestionar de fiiere Administrare de conturi

Concluzii

Site-ul uav.ro este integral realizat de noi, Marius i Mihai ucan. Am nvat multe lucruri despre design pe parcursul realizrii proiectului i a licenei.

V mulumesc