pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

交互設計的一般步驟是什么?

交互設計的一般步驟是什么? 三聯

 

  為方便產品經理、設計師、開發及項目相關人員能夠看到直觀的效果,進行更有效的溝通;提供直觀的產品設想,說明用戶將如何與產品進行交互,在交互設計的過程中一定會產出各種各樣的產出物,如流程圖、思維圖、紙上的草稿、甚至高保真演示稿。

  這里簡單分享下自己在項目過程中的交互Demo設計的一些心得。

 

  Axure

  制作交互Demo的軟件有很多,個人比較喜歡且習慣的就是Axure。Axure操作簡單明了,對于初學者來說,非常容易上手;它也擁有強大的交互演示動作,對于高級使用者來說,制作非常高保真的演示Demo, 也是非常有成就感的。

  Balsamiq

  提供了豐富的手繪風格的web常用元件,能創建接近于紙上手繪的原型,讓人有眼前一亮的感覺,個人建議初稿方案的時候可以考慮用這個更能吸引人。

  Mockups

  與Balsamiq 風格相似,而 Mockups最大的特色是網頁版,無需下載安裝,可以基于web的存儲在任意電腦上聯機打開。

  其他還有一些工具,就不做介紹了,因為個人也沒有使用過,比如:

  Microsoft Office Visio、Pencil sketch、Design Studio、Prototype Composer、Lucid Spec、Irise Professional Edition、Adobe Reader…

  每個軟件都是各有特色,也有利弊,但軟件都只是工具,用哪個都無妨,只要符合自己的習慣就好,關鍵是產出物。

  相對中保真的交互Demo

  工具之后,就是Demo稿的設計了。在平常的項目中,我基本上都是使用Axure 工具,也是大家常用的工具。而交互Demo也只要出到相對中保真的狀態即可,所謂的相對中保真,就是產出交付物中能體現出用戶在每個頁面上期望看到的內容,以及這些內容在頁面上的相對優先級,并要提供流程說明和操作方式及響應狀態的表述。

  不是粗糙的草稿方案,也不要出太高保真的視覺效果。草稿方案,可以用手繪或者接近手繪效果的工具(balsamiq、Mockups),不見得都需要用axure; 而高保真的原型需要花費更多的精力,也不夠高效,除非是用于匯報演示方案、或是為可用性測試制作高保真原型。

 

  一、遵守柵格規范

  很多新人交互設計師都比較容易忽略這一點,沒有按照柵格規范來布局,這樣容易導致的結果就是:視覺設計師在按照柵格排版時,發現在交互稿中能排下的內容,在視覺稿中排不下了,這樣就還得返回去改交互稿,或是需要重新設計布局。

  所以要養成習慣,在設計初時,一定要先根據柵格進行布局,同時也要保證交互稿中的字號、間距盡量符合視覺要求(比如間距最小10像素等),以免給視覺造成不必要的困擾。

 

  二、不要使用截圖與顏色

  有些產品人員或設計師為了能方便,拼湊各種競品的截圖,組成一個頁面。這樣即不規范,也大大降低了交互稿的檔次,還會對視覺設計師也有一定的干擾,個人是非常厭惡的。

  另外,交互階段的產出方案,應該更聚焦在信息布局、內容層次、操作流程。不太建議在交互稿上使用色彩(除了文字或特殊狀態),避免對視覺設計師造成不必要的干擾。如果真的有一些關于想法,可以通過文字描述,或者直接告訴視覺設計師需要營造什么樣的氛圍,達到什么效果。

  讓色彩、質感、具體形勢交給視覺設計師,多點空間讓視覺設計師去盡情發揮。

 

  三、不要沉迷于復雜的交互動作效果

  Axure提供了豐富的動作腳本支持,使得動態模擬真實界面交互變成可能, 能實現狀態切換、時間動畫以及其他一些驚人的小玩意。

  但有時候我們需要思考,在日常項目中是否需要花費這么多的精力和時間?

  這也取決于于這個原型是用于什么情境。如果原型是用以進行早期的可用性測試,或為爭取資源的高保真演示匯報Demo,也許需要我們快速產出接近于實際界面的可操作效果。

  而如果只是用于流程中的交互物,提供給視覺設計師或前端工程師進行開發,那么過度的設計和效果只能是浪費精力。

 

  四、一定要有一套屬于自己的控件庫

  把常用的控件、功能組建、圖標、標注等制作成通用的標準小單元,插入到部件庫(widgets),在制作交互Demo時,只需要調出需要的控件即可,這可以大大的提高你的效率。

 

  關于原型控件,每個原型工具都有,可以網上搜索或者調用下他人分享的。但個人建議,還是根據自己的習慣或產品設計規范,制作一套自用的標準控件庫。

  五、善用master,提高效率

  大量的頁面進行統一的更新也是相當麻煩的一件事。在制作時,直接用master制作復用的模塊,來取代復制黏貼,在需要調整時,只需要調整master文件即可。

  master是Axure提供的類似于自定義組件的功能,你可以在master設計常用的交互組件,然后在不同的頁面引用,如頁面頭尾、菜單等會在大部分頁面公用內容,非常適合做成master,然后在各個界面中拖曳相應到指定位置。這樣當這些共用內容需要修改時,只需修改mater即可。

 

  六、版本存檔也很重要

  Demo,跟實際產品一樣,是會迭代和不斷被修改的,所以,一定要記得存檔。即使是在同一個原型上做修改,也一定要做記錄,這對后續回顧很重要。

 

  后話: 交互Demo設計,是每個交互設計師最最基本的技能,這也是一個梳理思路很好的方式,但不是唯一的形勢,Axure也不是唯一工具。只要能清晰表達產品思路、界面UI、流程邏輯及交互狀態的好用工具都是值得去嘗試的。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 通信天线厂家_室分八木天线_对数周期天线_天线加工厂_林创天线源头厂家 | 平面钻,法兰钻,三维钻-山东兴田阳光智能装备股份有限公司 | 外贸网站建设-外贸网站设计制作开发公司-外贸独立站建设【企术】 | 退火炉,燃气退火炉,燃气热处理炉生产厂家-丹阳市丰泰工业炉有限公司 | 大型冰雕-景区冰雕展制作公司,3D创意设计源头厂家-[赛北冰雕] | 哈希余氯测定仪,分光光度计,ph在线监测仪,浊度测定仪,试剂-上海京灿精密机械有限公司 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库 | 石栏杆_青石栏杆_汉白玉栏杆_花岗岩栏杆 - 【石雕之乡】点石石雕石材厂 | 天津力值检测-天津管道检测-天津天诚工程检测技术有限公司 | 南京租车,南京汽车租赁,南京包车,南京会议租车-南京七熹租车 | 无水硫酸铝,硫酸铝厂家-淄博双赢新材料科技有限公司 | 变位机,焊接变位机,焊接变位器,小型变位机,小型焊接变位机-济南上弘机电设备有限公司 | 预制围墙_工程预制围墙_天津市瑞通建筑材料有限公司 | 顶空进样器-吹扫捕集仪-热脱附仪-二次热解吸仪-北京华盛谱信仪器 | MOOG伺服阀维修,ATOS比例流量阀维修,伺服阀维修-上海纽顿液压设备有限公司 | 上海物流公司,上海货运公司,上海物流专线-优骐物流公司 | 河北中仪伟创试验仪器有限公司是专业生产沥青,土工,水泥,混凝土等试验仪器的厂家,咨询电话:13373070969 | 环保袋,无纺布袋,无纺布打孔袋,保温袋,环保袋定制,环保袋厂家,环雅包装-十七年环保袋定制厂家 | EDLC超级法拉电容器_LIC锂离子超级电容_超级电容模组_软包单体电容电池_轴向薄膜电力电容器_深圳佳名兴电容有限公司_JMX专注中高端品牌电容生产厂家 | 运动木地板_体育木地板_篮球馆木地板_舞台木地板-实木运动地板厂家 | 螺杆式冷水机-低温冷水机厂家-冷冻机-风冷式-水冷式冷水机-上海祝松机械有限公司 | 铝合金脚手架厂家-专注高空作业平台-深圳腾达安全科技 | led冷热冲击试验箱_LED高低温冲击试验箱_老化试验箱-爱佩百科 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | lcd条形屏-液晶长条屏-户外广告屏-条形智能显示屏-深圳市条形智能电子有限公司 | 别墅图纸超市|别墅设计图纸|农村房屋设计图|农村自建房|别墅设计图纸及效果图大全 | 山东钢衬塑罐_管道_反应釜厂家-淄博富邦滚塑防腐设备科技有限公司 | 鑫达滑石-辽宁鑫达滑石集团| 钢制暖气片散热器_天津钢制暖气片_卡麦罗散热器厂家 | 匀胶机旋涂仪-声扫显微镜-工业水浸超声-安赛斯(北京)科技有限公司 | 稳尚教育加盟-打造高考志愿填报平台_新高考志愿填报加盟_学业生涯规划加盟 | LHH药品稳定性试验箱-BPS系列恒温恒湿箱-意大利超低温冰箱-上海一恒科学仪器有限公司 | 油缸定制-液压油缸厂家-无锡大鸿液压气动成套有限公司 | 河南中整光饰机械有限公司-抛光机,去毛刺抛光机,精密镜面抛光机,全自动抛光机械设备 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 气动机械手-搬运机械手-气动助力机械手-山东精瑞自动化设备有限公司 | 清水混凝土修复_混凝土色差修复剂_混凝土色差调整剂_清水混凝土色差修复_河南天工 | 沥青灌缝机_路面灌缝机_道路灌缝机_沥青灌缝机厂家_济宁萨奥机械有限公司 | 国产离子色谱仪,红外分光测油仪,自动烟尘烟气测试仪-青岛埃仑通用科技有限公司 | 自动化改造_智虎机器人_灌装机_贴标机-上海圣起包装机械 | 阿尔法-MDR2000无转子硫化仪-STM566 SATRA拉力试验机-青岛阿尔法仪器有限公司 |