• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
  • IOS APP設計流程

    發表于:2013-05-09來源:IT博客大學習作者:不詳點擊數: 標簽:iOS
    網上看到這篇文章,覺得基本的flow很有幫助,轉過來收藏了:作者:關于Sarah Parmenter英國艾塞克斯(英國英格蘭東南部的郡)Youknowwho設計工作室的創始人,Sarah Parmenter專注于網站,iPhone和iPad應用的設計。設計工作室創立于2003年。查看更多設計案例請點

      網上看到這篇文章,覺得基本的flow很有幫助,轉過來收藏了:作者:關于Sarah Parmenter英國艾塞克斯(英國英格蘭東南部的郡)Youknowwho設計工作室的創始人,Sarah Parmenter專注于網站,iPhone和iPad應用的設計。設計工作室創立于2003年。查看更多設計案例請點這里。

      1. 確定你的創意

      您的創意是否有人做過,如果有類似的app,那就要多多考慮,爭取超越并且有一些獨特的優化設計在其中。ps: 13年IOS app store的應用數量已為435,000,應該說各個方面行業都涵蓋了。大多數的創意都能在store里面找到類似的應用,能有一些獨特的競爭點還是十分必須的,也是獲取用戶的關鍵。

      2. 定位應用

    通過蘋果的人機界面指南(Human Interface Guidelines)圖來定位:距離圖中坐標原點位置越遠的app,特點越明顯,越需要精美易用的界面設計,讓他們與其他競爭者明顯區分開來。在這個案例中,我們把app定位在原點位置,即簡單使用的輔助工具。
    app ui

      3. 核心功能確認

    將提出的各種需求進行匯總討論,設計ADS(Application Definition Statement)對應用定義的一段陳述,也稱精簡的ADS,如圖
    3c33_20100107_2

      4. 產品草圖

    開始根據前面所整理的資料,進行基本的產品各個功能的設計,包含移動中使用場景,按鈕,顯示文字等。紙和筆是個不錯的方式
    0247_20100107_3
    ps:這個絕對有助于考慮產品的各個功能細節和邏輯

      5. Walkthrough

      在IOS中,各個界面之前切換方式也是重要的地方,稱為APP功能穿越(App Functionality Walkthrough),設計時需要考慮進去

      6. 低保真原型

    利用原型制作工具(Axure,Mockup,Visio),將草圖搬上電腦,盡量使用黑白,粗糙的線條來進行設計,不要糾結于細節
    10bb_20100107_4

      7. 高保真原型

      在低保真原型確認后,可以開始糾結與細節了,ios屏幕尺寸有這幾種:320*480,960*480,1024*768

      8. 視覺設計

      在高保真原型完成后,就該給進行視覺設計,Apple提倡有質感,有仿真度的圖形界面,我們讓app的界面設計盡量接近用戶熟悉或者喜歡的風格。在配色和圖標上可以下足功夫

      9. 設計理念

      由于移動設備的關系,設計上盡量保持簡潔,若非必要就不要放上華麗的圖形或其他的信息去吸引用戶,我們需要讓信息一目了然,不隱晦,不誤導。

      10. ICON設計

    ICON將決定APP在Store中的辨識度,可以先從簡單的輪廓開始,先從核心創意開始。除非有必要,你的icon最好不要包含文字,盡量使用跟你的app圖形界面一致的材質和漸變。你如果想給用戶呈現高質量的UI設計,別忘了把icon設計成29×29,72×72,和512×512三種尺寸。
    5c77_20100107_5

      11. 設計交付物

    如果你自己不開發app的功能,還需要把清晰的設計指南交付給開發人員。我會把界面和描述集中到一張大圖,并盡可能的把所有可遇見的情況都給開發人員描述清楚。同時可以對PSD進行尺寸標注,說明,及存為PNG方便開發。
    a4ee_20100107_6

    原文轉自:http://blogread.cn/it/article/6258

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>