1. 首頁 > 生活百科 > >

線框圖模板,線框圖和原型圖的區別

生活百科框圖


線框圖模板,線框圖和原型圖的區別

文章插圖
怎么用ps把圖片制成線框圖，而且線條要清晰哦，求：
線框圖模板,線框圖和原型圖的區別

文章插圖
不明白你的意思，究竟是把圖片制成線框圖，還是給圖片加線框？能具體描述你的要求，或者給個效果圖嗎？
我不是PS高手，只是業余愛好 。來自：求助得到的
線框圖模板,線框圖和原型圖的區別

文章插圖

如何畫線框圖：
線框圖模板,線框圖和原型圖的區別

文章插圖
利用word中的“繪圖”工具可以畫線框圖，下面畫一個簡單的組織結構圖，步驟如下：1、首先，在菜單欄上單擊右鍵，點擊“繪圖”，使前面打上“√”，將“繪圖”工具顯示在界面上；
2、點擊工具上的“矩形”圖標，這時會出現一個虛框，提示“在此處創建圖形”，按住鼠標左鍵，從左上角向右下角拉動，畫出一個合適的線框；
3、點擊工具上的“箭頭”圖標，移至線框下面中間位置，按住鼠標左鍵向下拉動，畫出一個箭頭；
4、重復這種步驟，即可畫出一個簡單的組織結構圖 。如果下面矩形框的大小想保持和第一個完全相同，可以先選中線框，點擊右鍵，在快捷菜單中點擊“復制”，或者按“ctrl”+“c”鍵復制；
5、在需要插入的位置單擊右鍵，點擊“粘貼”，或者按“ctrl”+“v”鍵即可 。
6、完成全部圖形后，按住“ctrl”鍵，鼠標單擊，選中所有對象，單擊右鍵，光標移至“組合”，點擊子菜單“組合”，可以將所選的對象組合成一個整體，這樣在移動時，是作為一個對象來處理 。
說明：
1、如果線框大小長短不合適，選中對象，會出現小圓圈的符號，光標放上去，按住鼠標左鍵在相應位置拖動，可以改變大??；
2、光標移至圖形邊時，會出現一個上下左右四個方向的箭頭，按住鼠標左鍵，可以任意拖動對象的位置 。
3、如果想在某個框中添加文字，先選擇線框，單擊右鍵，點擊“添加文字”，進入文字編輯狀態，即可添加文字 。
什么是 Wireframe線框圖：
線框圖模板,線框圖和原型圖的區別

文章插圖
【線框圖模板,線框圖和原型圖的區別】Wireframe 是一種低保真度的設計原型，在去除所有視覺設計細節之下，進行頁面結構、功能、內容規劃 。初次接觸Wireframe的人會非常不習慣這種呈現方式，頁面上只有方框和文字，沒有圖片和色彩 。繪制Wireframe的目的在于確認每一個頁面的構成，重點在于畫面上要呈現什么內容、而不是看起來漂不漂亮 。就像是室內設計平面圖，只有簡單的幾何圖型，卻是裝修最重要的依據 。如果不繪制Wireframe就直接上機開工，會發生做到一半漏了某個功能、或是頁面操作不流暢，反過頭來修修改改浪費更多時間力氣的窘境 。
ui線框圖用什么軟件：
線框圖模板,線框圖和原型圖的區別

文章插圖
我常用 Balsamiq，也不貴，抽象度做得最好，還能做一些最簡單的交互效果 。
其次是 Powerpoint，Office 365 也不貴，最利于在公司里流通，適合邊開會邊修改 。
最后是 Keynote，免費，最大的優點是適合做一些簡單的動畫效果 。
Axure 我不會用誒，而且據說貴得一塌糊涂 。
我用 Sketch 主要是為了方便與前端開發合作，受實現與視覺驅動，從不用來做交互 。
既然是交互，那么討論解決交互問題是重中之重；我們之所以使用線框圖這種低保證模型的形式，就是為了快速的作出設計、進行溝通、敏捷地調整，且規避視覺問題在這個階段對交互產生的影響 。所以，不要太在意「字體模糊」之類的細節問題，圖層管理也并不重要 。
啊，題主我知道你在想什么，想要 dribbble 式的那種漂亮線框圖，在做作品集的時候再重繪一次就好
希望可以幫到你望采納謝謝

    推薦閱讀