<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 推廣 >

從想法到落地,原型演示的五個口訣

時間:2021-07-28 09:29|來源:網絡整理|編輯:|點擊:

本篇文章主要面向那些入行半年左右,看似已成熟但工作起來卻有點手忙腳亂的新晉產品經理。本文總字數1600,圖片8張,閱覽消化時間5分鐘。

口訣一:眼觀六路,常觀察

學會常觀摩其他競品的產品流程、結構框架、布局排版、交互設計等要素,汲取可借鑒的地方同時思考哪些地方不人性化自己在制定的時候該如何避免,做做小筆記。

在這個觀摩借鑒的過程,還需要時刻清楚你自家的產品形態到底為何物,以上的內容充其量只是一個參考,不要被左右了產品的主要方向,逐漸形成自己的產品設計套路,什么頁面需要有什么內容,什么位置可以做人性化的交互之類的。

在借鑒這里本人推薦Dribbble網站,因為里面進駐的有很多是國外的設計師,因此涵括有很多有意思的APP UI交互界面設計,以及各種風格的設計方案,在這里可以找到很多新鮮的借鑒性內容以及素材。

a

網站地址:https://dribbble.com/

其他可借鑒網站:UI中國??

口訣二:打開腦洞,要思考

根據上面做的小筆記,結合自家產品形態等要素,制定產品流程腦圖。這部分需要著重思考,因為產品流程腦圖不僅是歸納整理產品的整體內容和功能,還對往后的原型、UI界面等設計產出有參考限定作用。

在這個過程中需要注意對各功能所涉及的頁面做系統化區分,哪個頁面里涵括什么功能、各個功能間有什么聯動、功能和頁面間又有何聯動都要在流程腦圖中清晰表達出來。

制作腦圖的軟件推薦VISIO,對復雜的信息、系統和流程有相對的可視化優勢。不足之處:需要下載軟件,并非云端編輯。

2

其他推薦:百度腦圖(無需下載,可云端編輯保存)

口訣三:講多無謂,動手才真

當產品的流程圖制定完成后,拿起筆和紙開始繪制自己腦海中的界面。這些繪制的界面需要契合上述的流程圖,在界面中盡量突顯頁面局部信息、各功能等要素的分布和排版。最重要的是,在繪制這些要素時需要把其物理尺寸大小標注出來,方便后面原型產品的控制和制作。

若需要以精準的網格尺寸手機模板,可以前往POP網 https://popapp.in/sketchpad/

免費下載可供打印的手機尺寸網格圖。

4

如果遇到特別的界面交互無法在紙上演示講解時,可以通過用PS臨摹演示用PNG并編制時間軸作出相應的動畫,不過這需要花費一定的時間,投入回報比似乎失衡。

因此在這個步驟上,在保證效率的基礎上可以考慮使用其他工具輔助做產品交互界面功能的效果演示臨摹。

可用于輔助展示的工具推薦H5工具,可以通過一定的可視化按鈕控件實現很多交互效果:頁面跳轉、滑動效果、元件點擊旋轉放大收縮、3D翻轉等。另外個人覺得H5工具的學習成本比PS等設計軟件低,適用于設計基礎不高的產品經理,學習到上手也是一天的事

5

由于H5是基于云端制作,制作后可以直接分享。一定程度上減少了其他軟件的捆綁式下載、漢化破解等不必要操作,另外通過高效編輯完成的界面互動動畫,可以生成二維碼以及鏈接,方便產品經理及老板作產品原型的細節交互效果的把控。

口訣四:想法到落地,原型設計

目前做產品的往往已形成一種固定的思維,做產品就必須用Axure。沒錯,Axure的確是不可缺得的快速原型設計工具,把想法草稿做成邏輯關系清晰的產品原型。但這也一定程度上埋沒了很多有獨特優勢的原型設計軟件,例如:Sketch。

6

Axure:梳理完成全部產品信息架構和功能。所以Auxre之于我的重要性他不是畫圖軟件、不是交互軟件,而更多的是幫助我從無到有梳理整個產品大的脈絡。

Sketch:基于線框圖增強設計感,具象之前的產品;如果產品理順了的話,設計UI在Sketch的幫助下產出簡直是飛速的,這也是Sketch之于Photoshop之流在做UI設計時候的牛逼之處。但是如果你錯誤的將Sketch定義為規劃產品的工具,那產能會十分的低下。

7

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 国产富二代国内| 瓜皮影院手机在线视频 国产口爆| 午夜剧场宅男在线观看| 国产新年贺岁剧情保姆| 国产萝莉车震 好疼| 国产偷拍情侣福利视频| 演绎偷丝袜 国产播放| 厕所偷拍国产在线观看 迅雷下载| 国产女人网红刘婷| 国产恐怖直播在线观在线观看| 韩国护肤品好吗| 麻豆传媒杜若冰全集资源| 麻豆视传媒百度百科| 哔哩哔哩女同视频欧美| 日本蛋卷| 免费观看视频91在线| 女同性恋都很漂亮| 乔布斯 中文字幕| 中文字幕在线观看蜜桃| 富二代开国产车| 国产精品个小鸟酱| 国产在线视频哪能看| 国产福利深夜在线| 免费中文字幕网| 国产AV护士性服务| 麻豆影视精品国产剧情| 国产模特选拔视频| 国产动漫丝袜最新| 国产伦理偷拍福利在线| 国产更衣室偷拍磁力| 国产大秀直播在线观看网页| 国产sm大神力作高中生猫奴| 韩国女主播福利网站| 麻豆传媒媒体林予曦访谈| 麻豆传媒映画的公司介绍| 欧美服装名称| 天涯日本| 国产电影原创海报| 蜜桃印象传媒| 西条琉璃中文字幕作品| 人妻不穿内裤中文字幕| http://www.wwwjs683w.com http://www.wwwss23668.com http://www.wefta2010.org http://www.wwwny0011.com http://www.wwwpjbet3355.com http://www.wwwjieshukeji.com