1、 视觉层次
需要先确定元素或者内容的优先级的高低，最好能够明确的标出级别，能够更好的寻找依据。
2、 内容划分
到了这个流程，就需要将所规划的内容进行划分到制定的区域当中，并且调整、优化等。
内容线框图仅仅是关乎於内容的划分和布局，而非展示的形式。多会使用到栅格系统。
3、 调整框架
完成了基本的结构之後，就到了调整的框架的流程了。目的就是能够将元素和内容变成可以识别的组件，到了这一步需要注意的一点是：需要为图片预留出空间。当然，要注意的还有，不要将线框图设计得太细致，毕竟线框图只是界面设计的框架，无需耗费过多的精力和时间成本。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/40285.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
随着用户认知提升，网页设计也在不断的向前发展，同时也逐步形成了一些规范，比如网页尺寸、文字规范、图片规范、按钮设计、表单设计、自适应设计与响应设计等。接下来小编跟你详细分享网页设计规范，以便您在设计…
界面是用户在与任何产品、APP 或平台交互时看到的内容，用户体验就是建立在坚实的界面设计基础之上的。所以，如果你想要在 UI 设计上提升能力，应该多去思考界面设计背后的原因。今天会跟大家分享一些被广泛运用的…
编者按：这篇文章出自著名的用户体验设计机构 NNGroup，资深用户体验设计师 Kelley Gordon 负责撰写了这篇文章。对于设计师而言，网格系统并不陌生，但是在什么时候用，用什么样地网格，甚至什么时候打破网格地规则…
所谓的线框图内容清单，简单来说就集合了所有网站建设相关的内容、要求以及素材。一般建议制成电子表格，根据页面来进行划分，将需要当初呈现的内容进行明确的标记。这一步有助於进行以内容为中心的网站建设，能够…
从事网页设计的设计师都知道，banner设计最为常见的。对於一个网站来说，它甚至就是支撑性的「粮食」。也是新产品、服务和优惠活动的一个主要呈现方式。 那banner设计到底是什麽鬼?虽然你经常接触，但未必会了解清…
粒子动效 这种网页背景设计的形式，最突出的特点是这种形式对於目前的网站以及浏览器来说，负载并不大，并且足够有视觉美感。再者，它还可以与同纯色背景、插画、矢量素材以及图片都能够搭配得出色。 波纹颗…
系统推荐项 空状态页面会影响用户体验，最简单的方法就是往空白的状态去填充内容或者元素。根据用户的浏览记录，推荐一些相近的、类似的，或者猜测用户可能感兴趣的。 操作指引 在空状态出现的时候，给予用户浮层次…
按钮是 UI 界面中最常见的功能元素。本文将分析四种不同类型的按钮样式，以及对应的使用场景、设计要点，巩固这些基础但重要的按钮设计知识。虽然单个按钮的设计相对简单，但把按钮放在整个界面中，我们不仅仅要考…
在线咨询：
邮件：951076433@qq.com工作时间：周一至周五，9:30-18:30，节假日休息
