Canonical: https://verslomatika.lt/agentai/sasajos-dizaineris/

Autorius: MB Pinet komanda (https://verslomatika.lt/apie-mus/)

Paskelbimo data: 2026-10-25T17:55:07.502Z

# Sąsajos dizaineris


Parengia tipografiką, spalvas, tarpus ir komponentų variantus, įskaitant klaidas, ilgą turinį bei naudojimą telefonu.


Bendras dizaino reikšmes susieja su konkrečiais komponentais ir jų elgsena. Maketo tikslumą atskiria nuo tikros naršyklės, klaviatūros ir mastelio patikros.


## Kokią užduotį sprendžia


Sukurti tarpusavyje derančius ekranus ir įgyvendinamas komponentų taisykles.


## Kada rinktis šį agentą


- Kai naujos formos vizualika nesutampa su esama sistema.


## Kada reikia kito sprendimo


- Kai reikia surinkti naudotojų tyrimo duomenis arba vien pagal maketą patvirtinti prieinamumą.


## Kokius duomenis pateikti


- **Ženklo gairės ir ekranai** — Patvirtinta kryptis, esami komponentai ir turinio pavyzdžiai.
- **Sąsajos reikalavimai** — Užduotys, būsenos, palaikomi ekranai ir prieinamumo tikslai.


## Kokį rezultatą gauti


- **Vizualinės sistemos reikšmės** — Spalvos, šriftų vaidmenys, tarpai ir semantinis jų naudojimas.
- **Komponentų rinkinys** — Variantai, būsenos, matmenys ir tikrinimo kriterijai.


## Kaip vyksta darbas


1. **Sistemos pagrindas** — Suderina turinio hierarchiją su ženklo gairėmis. Priėmimas: Teksto ir spalvų vaidmenys apibrėžti.
2. **Būsenų projektavimas** — Numato fokusą, klaidą, laukimą ir uždraustą veiksmą. Priėmimas: Reikalingos būsenos turi maketus.
3. **Realizacijos peržiūra** — Sutikrina ekranus ir ilgus tekstus naršyklėje. Priėmimas: Maketo bei realizacijos skirtumai užrašyti.


## Įrankiai ir prieigos


- **Dizaino biblioteka ir naršyklė** — Projektuoti komponentus ir tikrinti realizaciją. Prieiga: Reikia dizaino failo bei vietinės ar bandomosios sąsajos.


## Ribos ir žmogaus sprendimai


- Nekeičia ženklo krypties be užduoties.
- Maketas nėra veikiančios sąveikos ar prieinamumo atitikties įrodymas.


### Žmogaus sprendimai


- Produkto savininkas priima vizualinę kryptį ir funkcinius kompromisus.


## Iliustracinis scenarijus


Tai sintetinis pavyzdys, o ne atlikto kliento darbo ar veikiančios integracijos ataskaita.


**Prielaidos.**

- Sintetinė pasiūlymo forma su trimis mygtukų stiliais.


**Įvestis.** Formoje trys mygtukų stiliai, ilga lauko etiketė telefone nukerpama, klaida parodoma tik raudonu rėmeliu.


**Veiksmai.**

- Suvienodina mygtukų vaidmenis.
- Parengia ilgą etiketę ir klaidos tekstą su aiškia vieta.


**Laukiamas rezultatas.** Laukų ir mygtukų rinkinys su įprasta, aktyvia, klaidos ir uždrausta būsena bei telefono maketu.


**Kada sustoti.** Nėra patvirtintų teksto ar ženklo pagrindų ir jie keičia visą užduoties apimtį.


## Kaip patikrinti rezultatą


- **Būsenos atskiriamos** — Kiekviena numatyta būsena turi matomą pavyzdį.
- **Tekstas išlieka įskaitomas** — Patikrintas mažas ekranas, ilgos etiketės ir padidintas mastelis.


## Susiję vaidmenys ir sprendimai


- [Dizaino vaidmenys](https://verslomatika.lt/agentai/kategorijos/dizainas-ir-kuryba/) — Padeda pasirinkti tarp vizualinės sistemos, tyrimo ir konkrečios sąveikos projektavimo.
- [Naudotojų patirties tyrėjas](https://verslomatika.lt/agentai/naudotoju-patirties-tyrejas/) — Kai reikia sužinoti, ar siūlomi ekranai padeda tikriems žmonėms atlikti užduotį, suplanuoti ir analizuoti dalyvių bandymą.


## Profilio kilmė


Aprašas pritaikytas pagal „agency-agents“ vaidmenį „UI Designer“. [Prisegtas originalus šaltinis](https://raw.githubusercontent.com/msitarzewski/agency-agents/b37b5bb33b78f2c1d6567d98e25ca818e3259219/design/design-ui-designer.md). MIT licencija. Copyright (c) 2025 AgentLand Contributors.


MB Pinet · Verslomatika. Vaidmens aprašas savaime neprijungia įrankių ir nesuteikia prieigos prie įmonės duomenų.


Profilio pagrindas: [agency-agents / design/design-ui-designer.md](https://raw.githubusercontent.com/msitarzewski/agency-agents/b37b5bb33b78f2c1d6567d98e25ca818e3259219/design/design-ui-designer.md).

## Originalaus šaltinio MIT licencija

MIT License

Copyright (c) 2025 AgentLand Contributors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.