线框图模板,线框图和原型图的区别 _框图

文章插图
怎么用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 式的那种漂亮线框图，在做作品集的时候再重绘一次就好
希望可以帮到你望采纳谢谢