【Axure10】樣式區域-頁面樣式

頁面樣式

進行整個頁面的基礎參數設置。

頁面尺寸

在Axure 10中,依然繼承了負坐標(負空間)系的特性。同時移動端設計提供了常見的頁面尺寸大小。主要分為we、IOS(蘋果)手機設備、Android (安卓)手機設備的常見尺寸。

  • Auto :不做尺寸限制,繪圖(畫布)區域可自由繪制原型,在預覽時,超過屏幕顯示范圍瀏覽器將自動加載滾動條。
  • web(網頁):限制寬度為1024 px(像素)的網頁界面。
  • 自定義:可以自行定義頁面的大小。
  • 蘋果:提供了常見的iPhone 8、iPhone 8 Plus、iPhone X/XS 、iPhone XR/XS Max 、IPad 4(平板)的設計尺寸。(注:按照設計中的@1X的設計規范像素提供,比較常用的是iPhone 8、iPhone X/XS )
  • 安卓:Galaxy S9 、Galaxy S10E、Galaxy S10/S10+、PIxel 2、PIxel 3、PIxel 3XL、安卓平板電腦(常見的尺寸)。(注:由于是外國軟件所以這里的提供樣式品牌都是國外的)

添加自適應視圖

自適應視圖主要是在不同的瀏覽器尺寸下方便加載不同的頁面,在平時制作原型中我們很少使用到,但是如果想要自己通過Axure做一個靜態的網站,考慮瀏覽器的自適應和手機瀏覽器的適應可以進行添加自適應視圖進行制作多種格式下的視圖,優化展示的體驗。

  • 添加:添加一個新的頁面視圖。

  • 復制:復制選中的頁面視圖。

  • 預設:從系統預設的尺寸中選擇一個頁面視圖。

  • 名稱:當前自適應視圖的命名。

  • 寬度:當前自適應頁面視圖的寬度。

  • 高度:當前自適應頁面視圖的高度。

  • 繼承:是否上一個的子頁面視圖。

頁面排列

  • 左對齊:頁面按照尺寸進行左對齊(左對齊對于瀏覽器的自適應不是很友好)。
  • 居中對齊:將頁面元素居中對齊(在制作原型中比較常用于后臺頁面和網頁的展示)。

填充

  • 顏色填充:給頁面背景填充一個顏色
  • 圖片填充:用圖片填充整個背景(注:在圖片填充中可以設置圖片的重復用樣式,不同的樣式可以滿足不同的場景,大家可以進行自行嘗試)。
  • 圖片的對齊方式有9個定位點,可以選擇對應的對齊定位點。

低保真度

低保真度:

可以讓畫布變為黑白灰樣式,減少色彩干擾。(簡化版的Axure 8中的草圖功能)。

使用技巧:如果原型輸出后,擔心會影響設計的視覺,可以進行開啟這個功能。

未開啟低保真度

開啟低保真度:原有的色彩為灰階顏色。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容