<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    達內昆明UI培訓詳解:原型的說明與注釋

    • 時間:2016-10-18 18:01
    • 發布:昆明UI培訓
    • 來源:優設網

    通過實踐,達內昆明UI培訓關于原型的注釋和說明的方法與技巧如下:

    1)可點擊注釋

    在交互原型中,鼠標點擊事件是經常發生的,包括頁面之間的跳轉,動態面板之間的切換等等。而在頁面中并不是所有的button都能點擊,因此就需要在界面中可點擊的地方放置可點擊注釋,通常是手型標示,或者其他的半透明的圓形,這些是可以自定義的。對于不太常用的標識,需要在全局注釋中的設計規范說明中加以規范說明。

    2)批注框注釋

    當頁面內容較多時,可以采用批注框注釋的方式,對元素進行定向注釋說明。通常采用在形狀內寫上注釋說明,并用箭頭連接形狀與注釋元素。但是連接箭頭、注釋框和說明文字要保持顏色統一,以區別頁面原有內容。Ps:注釋顏色可以在全局注釋中說明。

    3)Axure自帶控件注釋

    作為強大的交互原型設計工具,Axure怎么能沒有標注功能呢?雖然Axure的標注方式與查閱不是很方便,但是在保證設計頁面的整潔上確實很有效果的。這種比較適合大家相對來說比較熟悉的控件,在有特殊說明時,可以點擊查閱,其默認狀態為隱藏。選中要注釋的元素,在NOTES中輸入注釋說明文字即可。在預覽界面中點擊元素右上角的標示,即可查看注釋內容。

    4)頁面內注釋

    頁面內注釋是指將注釋內容直接在所要說明的內容旁邊,注釋文字與頁面的批注元素采用統一色調,以區別原有內容。當頁面元素較少時,使用少量的文字注釋,顯得頁面精致、有細節,同時又不顯得頁面凌亂。

    5)頁面氣泡注釋

    頁面氣泡注釋是將頁面內的細節操作流程分解,進行補充說明。該方法使用與頁面較為復雜,但頁面中只有少量元素可以操作,并有相應的反饋,這樣可以減少頁面數量,同時頁面細節豐富,且小功能得到很好的表現。不過,氣泡注釋屬于就地顯示,建議一個頁面中的氣泡層級不要超過三個。

    6)頁面右側編號注釋

    當一個頁面內有多處注釋時,將元素進行編號,并統一在頁面內容右側進行說明。

    達內昆明UI培訓提醒大家注意:

    注釋編號不要遮擋界面內容;

    設計說明與編號的關聯性要強(可用區域截圖);

    右側的批注區域不要太寬,一般在200-400像素之間。

    7)新增頁面注釋

    新增頁面相對來說比較簡單,但使用范圍卻相對局限。達內昆明UI培訓建議盡量少使用這種注釋方法,只適用于頁面注釋內容較多,且氣泡注釋與頁面右側編碼注釋不能滿足需求時使用。該方法的設計頁面與設計說明分割在不同的頁面,造成閱讀上的跳躍性,易打斷整個功能的邏輯操作流程。

    8)故事版注釋

    對于明顯的操作流程的注釋,可以采用連接線貫穿起來或者分步驟講解的方式,將各個產品的操作過程表述清楚。該方法類似需求分析中的故事版法,所以叫故事版注釋。這種方法與可點擊注釋向配合,可以完整的表現一個產品功能的邏輯流程。

    9)工具欄注釋

    該方法僅用來注釋頁面中出現的工具、圖標的說明。其使用方法,類似于右側編號注釋,但沒有編號,而是用圖標代替,圖標右側則是其功能的說明。

    10)事件注釋

    對于交互事件較多,動態切換頻繁頁面,需要鼠標動作以及鍵盤快捷鍵的操作說明。

    11)狀態注釋

    頁面元素在不同的交互過程中,會展示多種狀態,使用統一的格式進行注釋說明,便于對比查看。以文件夾的操作與顯示方式為例,可以用圖形文字來描述文件夾處于不同狀態的形式與功能。

    12)右鍵注釋

    右鍵菜單作為界面的輔助功能,放在頁面內容易遮擋頁面原有內容,可使用設計注釋的方式,展開右鍵菜單的內容。

    上一篇:達內昆明UI培訓詳解:原型的全局注釋
    下一篇:不會寫文案的設計師不是好設計師(上)

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>