UI vielinis rėmelis yra vizualus vartotojo sąsajos (UI) dizaino vaizdas, apibūdinantis pagrindinę žiniatinklio ar mobiliosios programos struktūrą ir išdėstymą. Tai žemo tikslumo maketas arba galutinio dizaino skeletas, rodantis įvairių dizaino elementų, tokių kaip mygtukai, meniu, formos ir vaizdai, išdėstymą ekrane.
UI laidiniai rėmeliai svarbūs dėl kelių priežasčių:
UI vielinius rėmus geriausia naudoti ankstyvosiose projektavimo proceso stadijose. Dizaineriai paprastai pradeda kurdami kelis žemo tikslumo vielinius rėmus, kad ištirtų skirtingas išdėstymo parinktis ir kartotų dizainą, remdamiesi suinteresuotųjų šalių atsiliepimais. Pasirinkus galutinį dizainą, sukuriami didesnio tikslumo vieliniai rėmeliai arba maketai, kurie suteikia daugiau detalių ir geresnį galutinio produkto pojūtį. Tada šiuos vielinius rėmus kūrimo komanda naudoja kaip nuorodą diegimo etape.
UI vielinį rėmą paprastai sudaro šie elementai:
Kuriant naujo puslapio maketą arba pertvarkant esamą, svarbu laikytis tinklelio sistemos. Padalinkite savo vielinį rėmą į tinklelį ir įsitikinkite, kad jūsų vaizdai, tekstas ir raginimas veikti puikiai tinka tinklelyje. Tai nereiškia, kad kiekvienas turtas turi būti tokio paties dydžio, tai reiškia, kad jie turi būti proporcingi vienas kitam.
Pažvelkite į visus tarpus tarp teksto skyrių arba mygtukų. Dabar padvigubinkite. Visada geriau, kad tarp pastraipų ar vaizdų būtų daugiau vietos, nei kad jie atrodytų ankšti. Naudotojų neatbaidys daug laisvos vietos (proto ribose), tačiau jie greitai pasijus priblokšti ir sumišę dėl vaizdų, sukrautų vienas ant kito.
Išbandykite savo puslapį su tikrais vartotojais. Atminkite, kad jūsų dizaino, technologijų ir produktų kūrimo komanda gali jus nuvesti tik iki šiol. Turite klausytis tikrų naudotojų atsiliepimų ir stebėti jų veiksmus, kurių jie imasi naudojant naują vartotojo sąsajos schemą. Ar vartotojams sunku rasti tam tikrą mygtuką? Padarykite jį didesnį. Ar vaizdas per didelis nešiojamųjų kompiuterių naudotojams? Padarykite savo puslapį labiau reaguojantį. Išbandykite savo puslapį ir atitinkamai pakartokite.
Taip, bet kas gali sukurti vartotojo sąsajos rėmelį. Tačiau svarbu nepamiršti, kad vieliniai rėmeliai yra esminė projektavimo proceso dalis ir reikalauja pagrindinių vartotojo sąsajos projektavimo principų ir geriausios praktikos supratimo.
Ne, UI laidiniai rėmeliai paprastai yra žemo tikslumo ir juose nėra galutinių vizualinio dizaino elementų, pvz., išsamios tipografijos, spalvų schemų ar prekės ženklo elementų. Tačiau jie gali apimti pagrindinius vaizdinius nurodymus, kad būtų galima suprasti galutinę dizaino kryptį.
UI vielinių rėmelių iteracijų skaičius priklauso nuo projekto sudėtingumo ir reikalaujamo detalumo lygio. Paprastai dizaineriai sukuria kelis žemo tikslumo vielinius rėmelius prieš apsispręsdami dėl galutinio dizaino, o tada sukuria didesnio tikslumo vielos rėmus arba maketus, kad pateiktų daugiau detalių. Neretai dizaineriai kartoja dizainą viso kūrimo proceso metu.