<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          如何寫一份交互說明文檔

          藍藍設計的小編

          離開交互圈已經有段時間了。但由于博客還在,還是能夠偶爾收到一些郵件,上周有位同學問我:我在求職,我看到很多招聘說明上需要交互設計師編寫界面交互設計文檔 ,請問界面交互設計文檔是什么文檔?怎么編寫呢


          這讓我想起來2009年自己在項目里也大力推行過交互說明文檔(在下文中,簡稱為DRD),格式倒沒什么限制,交互設計師自己寫到界面上也行,單獨文檔成文也行,總之就是讓交互設計師能夠將界面承載不了的信息通過文檔沉淀下來,降低項目里的溝通成本和風險。今天整理電腦, 翻出以前的PPT,分享之。

          這將涉及到幾個問題:
          一. 什么是交互說明文檔(DRD)?

           
          所謂DRD即是用來承載交互說明,并交付給前端、測試以及開發工程師參考的文檔。

           
          在項目中,交互設計師的主要產出物可能依次是:site map,page flow,wireframes。有的大型項目前期,交互設計師有可能還會產出用戶需求分析文檔(與PD產出的市場需求文檔不一樣的是,URD更多側重于對目標用戶的需求分析)。

           
          DRD則很少有人專門撰寫。如果需要對交互設計進行說明,聰明的交互設計師往往會直接標注在線框圖里,或者在項目中不斷和前端工程師和開發工程師口口相傳,反復驗收,不斷迭代修改來確保所有的交互設計意圖最終得以呈現。

          二. 為什么要寫?

           
          DRD非項目必需環節,一般情況下也不會為交互設計師專門留出相應的時間預估。沒有這份文檔,項目也會繼續,但是可能項目會為此承擔不必要的溝通成本和時間成本。嚴重的話,項目的質量也會受到影響。所以寫與不寫,交互設計師需要做把握,時間被統一包含在“線框圖”環節內——如果你要寫,請在評估時預留1-2天的時間。

           
          那么,結合我過去的經歷,談一下此文檔的必要性。

           
          下圖是一個產品開發項目基本的流程。


           
          敏捷開發意味著很多不同角色的流程需要并行操作。如果等到產品經理的FRD已經全部敲定,交互設計師再開始去畫線框圖,固然會減少溝通成本和返工風險,但是同時意味著交互設計師的很多想法不被采納。如果產品經理再強一些,他甚至會在FRD里連原始的DEMO也一并繪制出來了,功能性的需求和界面交互的需求有時無法區分太清楚——比如他會在FRD里直接要求每頁條目40條,超過40條即分頁。而交互設計師可能會認為像蘑菇街那樣不斷裝載出足夠長的頁面會更親和……所以,我們希望是和產品經理同時開始工作,在術業有專攻的時候相互補充。

           
          同樣,開發工程師也希望及早介入需求,在FRD并未確認的時候就了解需求,進而將商業需求和功能需求轉化為開發工程師看得明白的開發需求清單(這個清單,大部分叫做UC,即USE CASE),當這份清單由工程師需求分析師——在過去,這個角色被叫簡稱為RA,但是目前已經取消此專門的職位,而是由開發工程師代表擔綱此環節工作,為了便于描述,在此文里,我仍然將做這件事情的人稱為RA——交付給具體的執行工程師后,執行工程師基本上可以當作一條條的checklist開始工作,而不必再思考商業邏輯和需求。同樣,測試工程師也需要編寫具體的文檔去指導很多測試人員在開發后測試,這也是基于UC和FRD去撰寫的。


           

          字體的排版設計

          藍藍設計的小編

          作為設計師的我們,每天都在與字體打交道,我們常常希望能很好的使用他們,為設計加油添彩。我們常常納悶,電腦里這么多的字體,要用哪一個?文字有這么多,怎樣排版才能表達內心深處的思想?

          常常說,藝術是相通的。將文字排版與音樂結合起來,用視覺化的音樂和文字排版相結合,會讓我們的字體排版更容易組合,更能體現我們的設計情感。

          將普通的文字賦予音樂的藝術形式,將文字排版賦予聽覺的美感和視覺的美妙,更容易傳遞信息,表達其深層次的涵義。

          當音樂響起時,電腦播放器里變化雀躍的頻譜圖,音響喇叭發生震動產生的聲波,跳動的五線譜和樂器發生引起的變化圖(A-01),都是我們體現情感的視覺化形式。

          《前沿視點》——2013年最值得關注的網頁設計流行趨勢

          藍藍設計的小編

           在過去的幾年里,我們看到建設網站的方式發生了巨大的變化。隨著瀏覽器對 HTML5/CSS3 Web 標準的支持的不斷增強,越來越多的用戶已經轉移到移動平臺。在 設計界,有很多獨特的想法,每隔一段時間就發生變化!

             在這篇文章中,我想介紹一些我們已經看到正不斷變化的趨勢。其中, 許多設計理念已經存在了很長一段時間。 但是,我認為在2013年里,這些獨特的想法將會更加的蓬勃發展。 網上提供了很多可以免費下載的開源項目和用戶界面 ,這樣設計人員可以專注于自己的領域。

          移動優先的設計

            響應設計的理念并不僅僅只網站能夠縮放到更小的尺寸, 設計師的意識形態也應該發生改變 。這里向大家推薦  DesignShack  上的一篇文章,其中談到了這個想法。

            往往更容易規劃最重要的界面元素,讓他們排布成為一個移動的布局。 如果這些元素不合適這樣,你將不得不刪除一些。 同時,你可以規劃布局將如何應對的窗口變大。 您將有空間包含一個側邊欄,也可能是2個,以及許多其它的頁面元素。

           

          談談構建單頁布局網站的創意技術——附優秀案例

          藍藍設計的小編

          可能是因為實現這種效果比較復雜,視差滾動的概念對于很多設計師來說仍然是相當陌生。我看到過眾多優秀的例子,例如像 Pixel Stadium 這樣的杰出代表,這個網站易于瀏覽,紋理也是讓人眼花繚亂。

           

          像素體育場網站的布局設計界面

           

            當你向下滾動頁面的時候,頂部導航欄會出現并鎖定到窗口, 這使得用戶可以快速跳過或轉換頁面到不同的部分。 布局是完全響應式設計的,會自適應瀏覽器窗口的寬度! 這一切都說明,單頁的布局可能會非常好看,也很靈活。

          20套華麗的應用程序圖標,帶給你不一樣的視覺體驗

          藍藍設計的小編

          在這篇文章中,我已經收集了20個華麗的圖標集,適用于幾乎任何類型的設計。這些圖標有一個干凈的和描述性的外觀,同時遵循良好的設計原則,相信你會喜歡。

          Delicious Berries

          17. icons

          33 Free Social Media Icons

          4. icons

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合