Meklēt
  • Meklēt
  • Mani Scenāriji
https://sbt-www-us-east-v3.azurewebsites.net/lv/izveidot/ui-wireframes
Pielāgojiet un Izmantojiet jau Šodien!


Izveidojiet Bezmaksas Vadu Karkasu*


Kas ir UI Wireframe?

UI stiepļu rāmis ir lietotāja interfeisa (UI) dizaina vizuāls attēlojums, kas iezīmē tīmekļa vai mobilās lietojumprogrammas pamatstruktūru un izkārtojumu. Tas ir zemas precizitātes makets vai galīgā dizaina skelets, kas parāda dažādu dizaina elementu, piemēram, pogu, izvēlņu, veidlapu un attēlu izvietojumu ekrānā.

Kāpēc lietotāja interfeisa rāmji ir svarīgi?

UI stiepļu rāmji ir svarīgi vairāku iemeslu dēļ.

  • Tie palīdz vizualizēt lietotāja interfeisa dizaina izkārtojumu un ļauj dizaineriem noteikt iespējamās lietojamības problēmas, pirms iegulda laiku un resursus izstrādes procesā.
  • Tie kalpo kā saziņas rīks starp dizaineriem, izstrādātājiem un ieinteresētajām personām, palīdzot nodrošināt, ka visi ir vienisprātis attiecībā uz dizaina prasībām.
  • Tie palīdz ietaupīt laiku un naudu, ļaujot ātri veikt atkārtojumus un veikt izmaiņas dizainā pirms izstrādes procesa sākuma.
  • Tie sniedz skaidru virzienu izstrādes komandai, kas jāievēro, tādējādi iegūstot vienotāku un lietotājam draudzīgāku galaproduktu.

Kā vislabāk tiek izmantoti lietotāja interfeisa rāmji?

UI stiepļu rāmjus vislabāk izmantot projektēšanas procesa sākumposmā. Dizaineri parasti sāk, izveidojot vairākus zemas precizitātes stiepļu rāmjus, lai izpētītu dažādas izkārtojuma iespējas un atkārtotu dizainu, pamatojoties uz atsauksmēm no ieinteresētajām personām. Kad galīgais dizains ir izvēlēts, tiek izveidoti augstākas precizitātes stiepļu rāmji vai maketi, lai sniegtu sīkāku informāciju un labāku galaprodukta sajūtu. Pēc tam izstrādes komanda ieviešanas posmā šos stiepļu rāmjus izmanto kā atsauci.

Kas ir iekļauts lietotāja interfeisa karkasā?

UI stiepļu karkass parasti ietver šādus elementus:

  1. Lapas vai ekrāna izkārtojums un struktūra
  2. Navigācijas un izvēlņu opcijas
  3. Pogu, formu un citu interaktīvu elementu izvietošana
  4. Viettura teksts un attēli
  5. Pamata tipogrāfija un fontu stili
  6. Pamatkrāsu shēmas un zīmola elementi
  7. Anotācijas vai piezīmes, lai nodrošinātu papildu kontekstu un detalizētu informāciju

3 Padomi UI Wireframe Izveidei

1

Pieturieties pie Režģa

Izstrādājot jaunas lapas izkārtojumu vai pārveidojot esošu, ir svarīgi pieturēties pie režģa sistēmas. Sadaliet savu stiepļu rāmi režģī un pārliecinieties, vai attēli, teksts un aicinājumi uz darbību lieliski iekļaujas režģī. Tas nenozīmē, ka katrs līdzeklis ir vienāds, tas nozīmē, ka tie ir proporcionāli viens otram.

2

Dubultojiet Balto Telpu

Apskatiet visas atstarpes starp teksta sadaļām vai pogām. Tagad dubultojiet. Vienmēr ir labāk, ja starp rindkopām vai attēliem ir vairāk vietas, nekā lai tie izskatās šauri kopā. Lietotājus neatbaidīs daudz tukšas vietas (saprāta robežās), taču viņi ātri jutīsies satriekti un apmulsuši, ja attēli ir salikti viens virs otra.

3

Pārbaudi un Atkārto

Izmēģiniet savu lapu ar īstiem lietotājiem. Atcerieties, ka jūsu dizaina, tehnoloģiju un produktu izstrādes komanda var jūs sasniegt tikai tik tālu. Jums ir jāuzklausa reālas lietotāju atsauksmes un jāuzrauga viņu darbības, kas veiktas, izmantojot jauno lietotāja interfeisa shēmu. Vai lietotājiem ir grūti atrast noteiktu pogu? Padariet to lielāku. Vai attēls ir pārāk liels klēpjdatoru lietotājiem? Padariet savu lapu atsaucīgāku. Pārbaudiet savu lapu un attiecīgi atkārtojiet.


Bieži Uzdotie Jautājumi par UI Wireframes

Vai lietotāja interfeisa karkasus var izveidot ne-dizaineri?

Jā, ikviens var izveidot lietotāja interfeisa karkasu. Tomēr ir svarīgi paturēt prātā, ka stiepļu rāmji ir būtiska projektēšanas procesa sastāvdaļa, un tiem ir nepieciešama pamata izpratne par lietotāja interfeisa projektēšanas principiem un paraugpraksi.

Vai lietotāja interfeisa rāmjos ir jāiekļauj galīgie vizuālā noformējuma elementi?

Nē, lietotāja interfeisa rāmji parasti ir zemas precizitātes un neietver galīgos vizuālā noformējuma elementus, piemēram, detalizētu tipogrāfiju, krāsu shēmas vai zīmola elementus. Tomēr tie var ietvert pamata vizuālās norādes, lai sniegtu vispārēju priekšstatu par galīgo dizaina virzienu.

Cik interfeisa karkasu atkārtojumu ir nepieciešams?

UI karkasu iterāciju skaits ir atkarīgs no projekta sarežģītības un nepieciešamā detalizācijas līmeņa. Parasti dizaineri izveido vairākus zemas precizitātes stiepļu rāmjus pirms galīgā dizaina un pēc tam izveido augstākas precizitātes stiepļu rāmjus vai maketus, lai sniegtu sīkāku informāciju. Nav nekas neparasts, ka dizaineri atkārto dizainu arī visā izstrādes procesā.

Skatīt vairāk stiepļu ietvara veidnes!
*(Tas sāks 2 nedēļu bezmaksas izmēģinājuma versiju - kredītkartes nav nepieciešamas)
https://sbt-www-us-east-v3.azurewebsites.net/lv/izveidot/ui-wireframes
© 2024 - Clever Prototypes, LLC - Visas tiesības aizsargātas.
StoryboardThat ir uzņēmuma Clever Prototypes , LLC preču zīme, kas reģistrēta ASV Patentu un preču zīmju birojā.