Интерфейс: различия между версиями

Материал из Forge of Empires - Wiki RU
Перейти к навигации
 
(не показано 35 промежуточных версий 4 участников)
Строка 1: Строка 1:
 
= '''Введение''' =
 
== '''Introduction''' ==
   
   


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
Интерфейс в Forge of Empires очень интуитивный и прост в использовании. Хотя браузерная и мобильная версии практически одинаковые, но в некоторых важных моментах они всё-таки отличаются.
 
 
 
== '''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;"|
 




|}


== Mobile Interface: ==
== '''Веб-интерфейс''' ==
[[file:interface_app.png|700px|center]]
<br>
<imagemap>
Image:DesktopUI newx.png|center


{| style="width: 100%;"
rect 96 79 130 154 [[Вселенная#.D0.9F.D0.B5.D1.80.D1.81.D0.BE.D0.BD.D0.B0.D0.B6.D0.B8]]
! style="text-align: center; font-weight: bold;" |
rect 97 157 131 196 [[Собрать_всю_готовую_продукцию]]
! style="text-align: center; font-weight: bold;" |
rect 95 42 301 65 [[Верхнее_левое_меню]]
! style="text-align: center; font-weight: bold;" |
rect 452 48 594 66 [[Правое_верхнее_меню]]
! style="text-align: center; font-weight: bold;" |
rect 533 63 587 87 [[Сообщения_и_чат#.D0.A7.D0.B0.D1.82]]
! style="text-align: center; font-weight: bold;" |
rect 631 125 660 210 [[Строка_состояния]]
! style="text-align: center; font-weight: bold;" |
rect 98 311 207 368 [[Главная_панель]]
! style="text-align: center; font-weight: bold;" |
rect 99 369 208 384 [[Настройки]]
! style="text-align: center; font-weight: bold;" |
rect 230 314 505 387 [[Социальная_панель]]
! style="text-align: center; font-weight: bold;" |
rect 595 44 642 65 [[Бриллианты]]
|-
rect 629 88 667 125 [[Предложение]]
| style="text-align: center; background-color: #fd0514;"|[[Top left Mobile]]
rect 338 39 416 76 [[Панель_Стратегических_очков]]
| style="text-align: center; background-color:  #000000;"|
</imagemap>
| 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;"|
|-
| style="text-align: center; background-color: #1BD30F;"|.
| style="text-align: center; background-color: #1BD30F;"|[[Bottom 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: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|
| style="text-align: center; background-color: #FF5733;"|


== '''Мобильный интерфейс''' ==
<imagemap>
Image:mobileUI_openmenu1.jpg|center|Alt=Modile User Interface|


rect 149 104 252 132 [[Верхняя_левая_часть_в_приложении]]
rect 157 134 190 231 [[Вселенная#.D0.9F.D0.B5.D1.80.D1.81.D0.BE.D0.BD.D0.B0.D0.B6.D0.B8]]
rect 249 303 287 344 [[Вселенная#.D0.9A.D0.B0.D1.80.D1.82.D0.B0_.D0.BA.D0.BE.D0.BD.D1.82.D0.B8.D0.BD.D0.B5.D0.BD.D1.82.D0.B0]]
rect 166 308 210 355 [[Нижнее_левое_меню#.D0.9C.D0.B5.D0.BD.D1.8E_.D1.81.D1.82.D1.80.D0.BE.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D1.82.D0.B2.D0.B0]]
rect 209 309 245 350 [[Нижнее_левое_меню#.D0.98.D1.81.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D0.B5_.D0.BD.D0.BE.D0.B2.D1.8B.D1.85_.D1.82.D0.B5.D1.85.D0.BD.D0.BE.D0.BB.D0.BE.D0.B3.D0.B8.D0.B9]]
rect 288 303 324 344 [[Нижнее_левое_меню#.D0.A3.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B0.D1.80.D0.BC.D0.B8.D0.B5.D0.B9]]
rect 325 306 356 342 [[Нижнее_левое_меню#.D0.A0.D1.8B.D0.BD.D0.BE.D0.BA]]
rect 365 299 396 335 [[Нижнее_левое_меню#.D0.98.D0.BD.D0.B2.D0.B5.D0.BD.D1.82.D0.B0.D1.80.D1.8C]]
rect 403 296 434 332 [[Нижнее_левое_меню#.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B8]]
rect 325 100 414 125 [[Центральная_часть_в_приложении]]
rect 496 89 591 110 [[Верхняя_правая_часть_в_приложении]]
rect 526 120 601 187 [[Ресурсная_панель]]
rect 536 283 599 330 [[Нижнее_правое_меню]]
</imagemap>
<br>
<imagemap>
image:mobileUI_menu2.jpg|right
rect 153 156 209 216 [[Нижнее_правое_меню#.D0.A1.D0.BE.D0.BE.D0.B1.D1.89.D0.B5.D0.BD.D0.B8.D1.8F]]
rect 215 159 271 219 [[Нижнее_правое_меню#.D0.AD.D0.BA.D1.81.D0.BF.D0.B5.D0.B4.D0.B8.D1.86.D0.B8.D1.8F]]
rect 281 163 335 219 [[Нижнее_правое_меню#.D0.93.D0.B8.D0.BB.D1.8C.D0.B4.D0.B8.D1.8F]]
rect 343 158 397 214 [[Нижнее_правое_меню#.D0.92.D0.B5.D0.BB.D0.B8.D0.BA.D0.B8.D0.B5_.D1.81.D1.82.D1.80.D0.BE.D0.B5.D0.BD.D0.B8.D1.8F]]
rect 405 159 465 223 [[Нижнее_правое_меню#.D0.9F.D0.B0.D0.BD.D0.B5.D0.BB.D1.8C_.D1.81.D0.BE.D1.86.D0.B8.D0.B0.D0.BB.D1.8C.D0.BD.D0.BE.D0.B3.D0.BE_.D0.B2.D0.B7.D0.B0.D0.B8.D0.BC.D0.BE.D0.B4.D0.B5.D0.B9.D1.81.D1.82.D0.B2.D0.B8.D1.8F]]
</imagemap>


|}
''Нажатие на любую иконку перенаправит вас к соответствующей статье.''

Текущая версия от 15:51, 3 мая 2018

Введение

Интерфейс в Forge of Empires очень интуитивный и прост в использовании. Хотя браузерная и мобильная версии практически одинаковые, но в некоторых важных моментах они всё-таки отличаются.


Веб-интерфейс


<imagemap> Image:DesktopUI newx.png|center

rect 96 79 130 154 Вселенная#.D0.9F.D0.B5.D1.80.D1.81.D0.BE.D0.BD.D0.B0.D0.B6.D0.B8 rect 97 157 131 196 Собрать_всю_готовую_продукцию rect 95 42 301 65 Верхнее_левое_меню rect 452 48 594 66 Правое_верхнее_меню rect 533 63 587 87 Сообщения_и_чат#.D0.A7.D0.B0.D1.82 rect 631 125 660 210 Строка_состояния rect 98 311 207 368 Главная_панель rect 99 369 208 384 Настройки rect 230 314 505 387 Социальная_панель rect 595 44 642 65 Бриллианты rect 629 88 667 125 Предложение rect 338 39 416 76 Панель_Стратегических_очков </imagemap>

Мобильный интерфейс

<imagemap> Image:mobileUI_openmenu1.jpg|center|Alt=Modile User Interface|

rect 149 104 252 132 Верхняя_левая_часть_в_приложении rect 157 134 190 231 Вселенная#.D0.9F.D0.B5.D1.80.D1.81.D0.BE.D0.BD.D0.B0.D0.B6.D0.B8 rect 249 303 287 344 Вселенная#.D0.9A.D0.B0.D1.80.D1.82.D0.B0_.D0.BA.D0.BE.D0.BD.D1.82.D0.B8.D0.BD.D0.B5.D0.BD.D1.82.D0.B0 rect 166 308 210 355 Нижнее_левое_меню#.D0.9C.D0.B5.D0.BD.D1.8E_.D1.81.D1.82.D1.80.D0.BE.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D1.82.D0.B2.D0.B0 rect 209 309 245 350 Нижнее_левое_меню#.D0.98.D1.81.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D0.B5_.D0.BD.D0.BE.D0.B2.D1.8B.D1.85_.D1.82.D0.B5.D1.85.D0.BD.D0.BE.D0.BB.D0.BE.D0.B3.D0.B8.D0.B9 rect 288 303 324 344 Нижнее_левое_меню#.D0.A3.D0.BF.D1.80.D0.B0.D0.B2.D0.BB.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B0.D1.80.D0.BC.D0.B8.D0.B5.D0.B9 rect 325 306 356 342 Нижнее_левое_меню#.D0.A0.D1.8B.D0.BD.D0.BE.D0.BA rect 365 299 396 335 Нижнее_левое_меню#.D0.98.D0.BD.D0.B2.D0.B5.D0.BD.D1.82.D0.B0.D1.80.D1.8C rect 403 296 434 332 Нижнее_левое_меню#.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B8 rect 325 100 414 125 Центральная_часть_в_приложении rect 496 89 591 110 Верхняя_правая_часть_в_приложении rect 526 120 601 187 Ресурсная_панель rect 536 283 599 330 Нижнее_правое_меню </imagemap>
<imagemap> image:mobileUI_menu2.jpg|right rect 153 156 209 216 Нижнее_правое_меню#.D0.A1.D0.BE.D0.BE.D0.B1.D1.89.D0.B5.D0.BD.D0.B8.D1.8F rect 215 159 271 219 Нижнее_правое_меню#.D0.AD.D0.BA.D1.81.D0.BF.D0.B5.D0.B4.D0.B8.D1.86.D0.B8.D1.8F rect 281 163 335 219 Нижнее_правое_меню#.D0.93.D0.B8.D0.BB.D1.8C.D0.B4.D0.B8.D1.8F rect 343 158 397 214 Нижнее_правое_меню#.D0.92.D0.B5.D0.BB.D0.B8.D0.BA.D0.B8.D0.B5_.D1.81.D1.82.D1.80.D0.BE.D0.B5.D0.BD.D0.B8.D1.8F rect 405 159 465 223 Нижнее_правое_меню#.D0.9F.D0.B0.D0.BD.D0.B5.D0.BB.D1.8C_.D1.81.D0.BE.D1.86.D0.B8.D0.B0.D0.BB.D1.8C.D0.BD.D0.BE.D0.B3.D0.BE_.D0.B2.D0.B7.D0.B0.D0.B8.D0.BC.D0.BE.D0.B4.D0.B5.D0.B9.D1.81.D1.82.D0.B2.D0.B8.D1.8F </imagemap>

Нажатие на любую иконку перенаправит вас к соответствующей статье.