1、 视觉层次
需要先确定元素或者内容的优先级的高低，最好能够明确的标出级别，能够更好的寻找依据。
2、 内容划分
到了这个流程，就需要将所规划的内容进行划分到制定的区域当中，并且调整、优化等。
内容线框图仅仅是关乎於内容的划分和布局，而非展示的形式。多会使用到栅格系统。
3、 调整框架
完成了基本的结构之後，就到了调整的框架的流程了。目的就是能够将元素和内容变成可以识别的组件，到了这一步需要注意的一点是：需要为图片预留出空间。当然，要注意的还有，不要将线框图设计得太细致，毕竟线框图只是界面设计的框架，无需耗费过多的精力和时间成本。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/40305.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
对特定元素的打破 也就是合理地借助细节实现这一目的，但并不意味着要到处添加细节。很明显，为了突破栅格栏而添加细节，会让介面设计最终效果很混乱。最好从特定的元素，如点缀性的元素来进行选择是非常不…
今天从 10 个维度，聊聊 Instagram 这款软件整体的设计与体验那些值得学习的地方。一、Logo 的变化下图是关于 Instagram 的从 2010-2022 整个图标变化的过程，从中能发现：图标从拟物的风格慢慢变成扁平的风格。从…
这种方案在网页设计过程中使用了很长的时间，即使是如今，微信中京东购物的入口，仍然还是这种方式。主要表现在，在比基准的设备宽上，页面元素的横向宽度需要按照百分比的形式，去自适应。高度无需产生变化。所以…
説明使用者从错误或者意外的操作当中恢复 对於使用者来说，错误与意外的页面操作其实是经常发生的。当错误发生的时候，不仅会影响到用户体验，还会直接影响到用户的实际操作。因为无论这些错漏或者意外是怎…
有句老话讲的好：“在结识新朋友的时候，第一印象是非常重要的。” 同理这句话也适用于网页设计。 在为商务会议做准备工作的时候，你可能会练习你的演示文稿以及挑选合适的服装，而这些准备都有助于为自己创造良好的…
屏幕小插件：这些小插件最好是使用自动更新的交互形式。 地图应用：这种网页设计时更不适合下拉刷新的交互形式，因为地图上的内容并不会以时序进行排列，也没有明确的方向与内容来源。需要用户的操作才能够…
包含在用户界面 (UI) 样式指南中的一个关键元素是排版将如何出现在您的移动程序 或 网站设计中。您可以选择是要使用预先存在的字体还是创建您品牌独有的新字体。但是随着您的排版决策变得更加细化，您最终将需要讨…
在线咨询：
邮件：951076433@qq.com工作时间：周一至周五，9:30-18:30，节假日休息
