iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 1
1
自我挑戰組

UI原型強化站系列 第 1

叫客戶自己看:Axure RWD(I)

  • 分享至 

  • xImage
  •  

隨著RWD的普及,哪都要RWD

就算網站內容不適合、功能複雜到會哭,不管如何苦口婆心的勸導

客戶還是一定一定要用...不聽人話的、且固執的加入規格內(/images/emoticon/emoticon10.gif)

回到正題..(好,這不是抱怨文!)因此為了讓客戶馬上理解我們心中想的效果
與其在那白板畫到沒水、簡報動畫設幾百個動作、比手劃腳到吐血...(我都做過...嗚/images/emoticon/emoticon02.gif)

都還不如直接設定好,給他網址,讓他自己看

今天先來2個「RWD尺寸設定」及「功能列固定在上方」


1.RWD尺寸設定
(1)勾選「自適應」

http://ithelp.ithome.com.tw/upload/images/20161201/20091599qjkz8Kq3Ve.png]

(2)設定自適應尺寸

通常都會設定1024(電腦)、768(pad)、320(手機版)三種

http://ithelp.ithome.com.tw/upload/images/20161201/20091599iDomI4V1j5.png

(3)拉UI元件:以簡單不同顏色方形呈現

http://ithelp.ithome.com.tw/upload/images/20161201/20091599f1GDKWocsI.png

(4)看效果:請參考

http://y8cs8i.axshare.com/#g=1&p=1_rwd移動


2.功能列固定在上方
(1)拉UI元件:以不同方形呈現功能列及內容

http://ithelp.ithome.com.tw/upload/images/20161201/20091599pkS3eTVfdB.png

(2)將功能列轉換成動態面版

http://ithelp.ithome.com.tw/upload/images/20161201/20091599ffVvnzAKVD.png

(3)將功能設定固定視窗位置

http://ithelp.ithome.com.tw/upload/images/20161201/20091599R4lOYro0N2.png

(4)看看效果如何
http://y8cs8i.axshare.com/#g=1&p=2_功能列


下一篇
叫客戶自己看:Axure RWD(II)
系列文
UI原型強化站4
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言