Gränssnitt: Skillnad mellan sidversioner

Från Forge of Empires - Wiki SE
Hoppa till navigering
 
(16 mellanliggande sidversioner av 4 användare visas inte)
Rad 1: Rad 1:




== '''Introduction''' ==
== '''Introduktion''' ==
   
   


The Interface in Forge of Empires is very intuitive and easy to use. While there are many similarities between the browser and mobile versions, they differ on several important points
Användargränssnittet i Forge of Empires är intuitivt och lätt att använda. Trots att det finns många likheter mellan webbläsar- och mobilversionerna, så skiljer de sig åt på flera viktiga punkter.


'''Webbläsargränssnitt'''
<br>
<imagemap>
Image:desktopUI.png|center


rect 96 79 130 154 [[The_Universe#Quest_Givers]]
rect 97 157 131 196 [[Samla in alla]]
rect 95 42 301 65 [[Övre vänstra menyn]]
rect 452 48 594 66 [[Övre högra menyn]]
rect 533 63 587 87 [[Meddelande och Chat#Chat]]
rect 631 125 660 210 [[Statusmenyn]]
rect 98 311 207 368 [[Huvudmenyn]]
rect 99 369 208 384 [[Inställningar]]
rect 230 314 505 387 [[Sociala menyn]]
rect 595 44 642 65 [[Diamanter]]
rect 629 88 667 125 [[Erbjudande]]
rect 338 39 416 76 [[Forskningspoängsmätaren]]
</imagemap>


== '''Browser Interface:''' ==


[[File:Browser.PNG]]


{| style="width: 100%;"
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
|-
| style="text-align: center; background-color: #fd0514;"|
| style="text-align: center; background-color: #fd0514;"|[[Top left]]
| style="text-align: center; background-color: #fd0514;"|
| style="text-align: center; background-color: #DEDFC3;"|
| style="text-align: center; background-color: #DEDFC3; color: #000000;"|[[Top center]]
| style="text-align: center; background-color: #DEDFC3;"|
| style="text-align: center; background-color: #F5F507;"|
| style="text-align: center; background-color: #F5F507;color: #000000;"|[[Top right]]
| style="text-align: center; background-color: #F5F507;"|
|-
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #7E07F5;"|[[Messaging_and_Chat#Chat|Chat]]
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #890519;"|[[The_Universe#Quest_Givers|Quest]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #F39C12;"|[[Offers]]
|-
| style="text-align: center; background-color: #890519;"|[[The_Universe#Quest_Givers|Givers]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #3498DB;"|[[Status bar]]
|-
| style="text-align: center; background-color: #D35400;"|[[Collect All]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #3498DB;"|
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #1BD30F;"|.
| style="text-align: center; background-color: #1BD30F;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #1BD30F;"|
| style="text-align: center; background-color: #1BD30F;"|[[Main toolbar]]
| style="text-align: center; background-color:#FF5733;"|
| style="text-align: center; background-color:#FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #1BD30F;"|.
| style="text-align: center; background-color: #1BD30F;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|[[Social Bar]]
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color:#95A5A6;"|
| style="text-align: center; background-color: #95A5A6;color: #000000;"|[[Settings]]
| style="text-align: center; background-color:#FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|


'''Mobilt gränssnitt'''
<imagemap>
Image:mobileUI_openmenu1.jpg|center|Alt=Modile User Interface|


rect 149 104 252 132 [[Mobil: Övre vänstra menyn]]
rect 157 134 190 231 [[Universumet#Karaktärer]]
rect 249 303 287 344 [[Universumet#Världkartan]]
rect 166 308 210 355 [[Mobil: Nedre vänstra menyn#Byggnadsmenyn]]
rect 209 309 245 350 [[Mobil: Nedre vänstra menyn#Forskning]]
rect 288 303 324 344 [[Mobil: Nedre vänstra menyn#Army_Management]]
rect 325 306 356 342 [[Mobil: Nedre vänstra menyn#Marknad]]
rect 365 299 396 335 [[Mobil: Nedre vänstra menyn#Inventarie]]
rect 403 296 434 332 [[Mobil: Nedre vänstra menyn#Inställningar]]
rect 325 100 414 125 [[Top_center_mobile]]
rect 496 89 591 110 [[Diamanter]]
rect 526 120 601 187 [[Mobil: Statusmenyn]]
rect 536 283 599 330 [[Mobil: Nedre högra menyn]]
</imagemap>
<br>
<imagemap>
image:mobileUI_menu2.jpg|right
rect 153 156 209 216 [[Mobil: Nedre högra menyn#Meddelanden]]
rect 215 159 271 219 [[Mobil: Nedre högra menyn#Expeditioner]]
rect 281 163 335 219 [[Mobil: Nedre högra menyn#Imperium]]
rect 343 158 397 214 [[Mobil: Nedre högra menyn#Mäktiga Byggnader]]
rect 405 159 465 223 [[Mobil: Nedre högra menyn#Sociala menyn]]
</imagemap>


|}
''Klicka på en ikon för att ta dig till rätt artikel.''
 
== Mobile Interface: ==
[[file:interface_app.jpg|700px|center]]
''Click on each category to see more''
{| style="width: 100%;"
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
! style="text-align: center; font-weight: bold;" |
|-
| style="text-align: center; background-color: #fd0514;"|[[Top left Mobile]]
| style="text-align: center; background-color:  #000000;"|
| style="text-align: center; background-color:  #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #DEDFC3; color: #000000;"|[[Top center mobile]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;|
| style="text-align: center; background-color: #F5F507; color: #000000;"|[[Top right mobile]]
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #890519;"|[[The_Universe#Quest_Givers|Quest]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #F39C12;"|
|-
| style="text-align: center; background-color: #890519;"|[[The_Universe#Quest_Givers|Givers]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #3498DB;"|[[Status bar]]
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #000000;"|.
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
|-
| style="text-align: center; background-color: #1BD30F;"|
| style="text-align: center; background-color: #1BD30F;"|[[Bottom left mobile]]
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color:#FF5733;"|
| style="text-align: center; background-color: #FF5733;"|[[Bottom right mobile]]
|-
| style="text-align: center; background-color: #1BD30F;"|.
| style="text-align: center; background-color: #1BD30F;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #000000;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
 
 
 
|}

Nuvarande version från 8 april 2017 kl. 23.17


Introduktion

Användargränssnittet i Forge of Empires är intuitivt och lätt att använda. Trots att det finns många likheter mellan webbläsar- och mobilversionerna, så skiljer de sig åt på flera viktiga punkter.

Webbläsargränssnitt
<imagemap> Image:desktopUI.png|center

rect 96 79 130 154 The_Universe#Quest_Givers rect 97 157 131 196 Samla in alla rect 95 42 301 65 Övre vänstra menyn rect 452 48 594 66 Övre högra menyn rect 533 63 587 87 Meddelande och Chat#Chat rect 631 125 660 210 Statusmenyn rect 98 311 207 368 Huvudmenyn rect 99 369 208 384 Inställningar rect 230 314 505 387 Sociala menyn rect 595 44 642 65 Diamanter rect 629 88 667 125 Erbjudande rect 338 39 416 76 Forskningspoängsmätaren </imagemap>



Mobilt gränssnitt <imagemap> Image:mobileUI_openmenu1.jpg|center|Alt=Modile User Interface|

rect 149 104 252 132 Mobil: Övre vänstra menyn rect 157 134 190 231 Universumet#Karaktärer rect 249 303 287 344 Universumet#Världkartan rect 166 308 210 355 Mobil: Nedre vänstra menyn#Byggnadsmenyn rect 209 309 245 350 Mobil: Nedre vänstra menyn#Forskning rect 288 303 324 344 Mobil: Nedre vänstra menyn#Army_Management rect 325 306 356 342 Mobil: Nedre vänstra menyn#Marknad rect 365 299 396 335 Mobil: Nedre vänstra menyn#Inventarie rect 403 296 434 332 Mobil: Nedre vänstra menyn#Inställningar rect 325 100 414 125 Top_center_mobile rect 496 89 591 110 Diamanter rect 526 120 601 187 Mobil: Statusmenyn rect 536 283 599 330 Mobil: Nedre högra menyn </imagemap>
<imagemap> image:mobileUI_menu2.jpg|right rect 153 156 209 216 Mobil: Nedre högra menyn#Meddelanden rect 215 159 271 219 Mobil: Nedre högra menyn#Expeditioner rect 281 163 335 219 Mobil: Nedre högra menyn#Imperium rect 343 158 397 214 Mobil: Nedre högra menyn#Mäktiga Byggnader rect 405 159 465 223 Mobil: Nedre högra menyn#Sociala menyn </imagemap>

Klicka på en ikon för att ta dig till rätt artikel.