原創|使用教程|編輯:郝浩|2013-08-09 17:08:57.000|閱讀 40824 次
概述:當下,很多用戶界面設計人員都熱衷于研究iPhone應用程序界面的設計。而應用程序界面設計的奧秘又可以追溯至其原型的設計。本文作者就從iPhone應用程序頁面模板講起,為大家介紹使用原型設計工具Axure創建iPhone應用程序原型的第一步。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
最新活動推薦:終極讓利 | 在線商城低至6.9折任意購,100%抽現金紅包!點擊了解詳情>>
iPhone應用程序模板是一個專門用來設計iPhone應用程序的RP文件。它包括一個供桌面查看的、帶iPhone 外框的頁面,和輔助你按iPhone屏幕大小設計以便在手機上瀏覽的參考線。打開iPhoneAppTemplate.rp就直接進入模板。
桌面視圖的iPhone外框頁面包含一個頂部有內聯框架的iPhone圖像。內聯框架用來加載應用程序的主頁(雙擊查看鏈接)。這種設置讓我們在桌面瀏覽器上看到iPhone皮膚的原型,同時允許我們一邊設計程序金喜正規買球一邊直接瀏覽其他頁面。
創建應用程序主頁使之可以在手機上查看你的iPhone應用程序。這個頁面就是你從手機瀏覽器進入的頁面。它不包含iPhone圖像,但包含了設置普遍用于設計iPhone屏幕像素寬度和高度的參考線。
一般而言,iPhone應用程序原型大小都設置為320 x 460 px。這樣我們就可以使用iPhone瀏覽器的默認設置而不用縮放。模板里有設置寬度和高度為320 x 460 px的參考線。
若你的程序內容超過這個大小,使用動態面板創建可滾動區。
若你不打算使用iPhone應用程序模板設計原型,你也可以添加全局參考線到你的線框圖——通過按住Ctrl(PC)或Cmd(Mac)同時從標尺點擊并拖拽到所需位置。
使用iPhone應用程序模板是iPhone應用程序設計的第一步。接下來我們將一起學習通過iPhone查看原型。
擴展閱讀
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網