【UI设计】10个新手UI设计师常犯错误

原标题：【UI结构设计】10个初学者UI结构雕塑家狂蛛属错

接下来我们就一起看看都有哪些坑吧：

1.从未分类重新整理结构设计文件格式和数据资料

事实上，在最初开始UI结构开发阶段，小贴士根本就不知道：结构设计有关文件格式数据资料是需要从一开始就装箱分类重新整理，以确保其它团队成员能即时翻查和收纳。

而且重点是，当时小贴士的结构设计文件格式完全是各种支离破碎，有且仅有小贴士自己能看懂。其它结构雕塑家病态翻查或撰稿， 呵呵，都只能满身小标题、难上加难。结构设计有关的各类资源，比如常见的设计切图、手写体等等，有时甚至乱到小贴士自己都找不到。更别说拿这堆文件格式数据资料向开发进行交付了。

也正因这不爱分类重新整理的不良习惯，小贴士也有次吃苦耐劳。杂乱的文件格式结构设计数据资料，不仅会让小贴士看起来很不专业，还会无形之中制造更多的麻烦，让整个结构设计流程更为于是乎复杂。

因此，在经过一系列的尝试和调整后，小贴士总结出了以下几条结构设计分类重新整理的经验：

2. 忽视商品的可出访性设计

初学者结构设计，极难忽视应用软件的可出访性。集中于应用软件外观结构设计后，往往就很容易忘记考虑相同广告主的交互式情况。就如小贴士早期的一批UI结构设计经典作品， 就从未考虑到残疾儿童广告主的需求， 从而完美忽视了商品的可出访性结构设计。

比如，结构设计介面按键或美术设计色调时，小贴士会尽可能选择清晰度较细的色彩。 因为选用这样的色调主题风格更容易标准化，外观也会更为协调偏亮。又或者，小贴士习惯将介面美术设计手写体尺寸缩小到10画素左右，以更好地实现介面内容的水准展开。

其实，这样的商品结构设计，作为结构设计经典作品，通过各个SNS平台（比如dribbble）进行展示分享， 并没有什么大问题。但是当将其进行开发实现，真正提供给用户使用时，其可用性和可出访性就有待商榷了。

就如众所周知的Domino群组工作应用软件，最近就被一个无法出访其网站的盲人起诉。究其原因，仅仅是因为其应用软件缺乏残疾儿童用户的可出访性结构设计。忽视可出访性结构设计的应用应用软件，就像是建造一个残疾儿童无法进入的餐馆。其营业额、信誉以及其它企业效应，都会大打折扣。

因此，商品UI结构设计，可出访性不可忽视。

3. 忽视商品的实用性结构设计

初学者学习和技能提升阶段，小贴士都坚持着一件事：一切为了结构设计。简单来讲，就是为了介面的整体布局和美感， 宁可牺牲用户利益。而这样必然也会影响应用应用软件的实用性。

商品UI结构设计，应该以用户需求为导向。虽然，作为结构雕塑家，这样结构设计起来可能会很不便利，但是它却是打造更为灵活、高效且实用的商品结构设计的关键。

大家不妨想一想: 当小贴士结构设计SNS类应用应用软件时， 聊天介面的用户名常常控制在6个字左右，测试和展示都非常正常。但这真的预示着用户真实使用过程中也会一切正常吗？当拥有超长姓名的用户Hubert Blaine Wolfeschlegelsteinhausenbergerdorff使用该应用软件时， 又会发生什么呢？

如图，拥有超长姓名的用户使用起来， 聊天介面就不那么美观实用了。

总之，在不断学习、尝试和总结过程中，小贴士结构设计技能日益成熟。结构设计视野也变得更为开阔，轻松把握各种结构设计情境的同时，更多考虑结构设计的实用性， 而不再仅仅追求自己认为完美的理想结构设计。

4. 忽视结构设计的一致性

作为初学者，从零开始结构设计时， 小编时常会忽视网页或App结构设计中的一些基本结构设计技巧和准则，而一味追求自己认为整洁标准化的东西。 但这样的结构设计，反而会带来更多的问题，从而无限延长整个结构设计过程。而以下是小贴士狂蛛属一些结构设计错误：

广大初学者小伙伴们一定要尽可能避免再犯以上的错误。

当然，标准化介面结构设计规范方面，大家可以尝试使用小贴士常用的摹客DS工具， 轻松聚合、维护和管理各类结构设计规范资源。团队协作和分享也能轻松实现。

5. 忽视介面内容的层级结构结构设计

小贴士早期结构设计经典作品中，最明显的错误之一就是：很少注意介面信息的层级结构。因为当时的小贴士在美术设计信息结构设计过程中，常常采用相同大小和粗细的手写体进行内容呈现。这样的结构设计看似简单整洁，但却完全体现不出内容的主次和重要程度。

而且在一些不必要的地方，也大胆采用各类色彩，视觉上虽然炫酷，但却错误的突出了一些不必要的内容。

因此，现今，在完成软件结构设计后， 小贴士会尝试放空大脑，忘记之前的各种结构设计想法。然后，退后几步，从更远的距离翻查电脑屏幕所呈现的内容，判断其是否具有清晰的层次结构，是否能与其主次和重要性一一匹配。

如图，退后几步， 电脑屏幕所呈现的内容虽然模糊，但整体内容的层次结构却更明显清晰。

6.盲目跟风

如今，Dribbble里琳琅满目的优秀结构设计，很容易让结构雕塑家迷失。而盲目跟风某个结构设计潮流，也很容易让他们忘记他们的初衷。

比如，小贴士也有段时间也非常迷恋Dribbble。在上面找到一个炫酷的交互结构设计或结构设计风格，就忍不住想要立即将它应用到结构设计案例中。表面上看起来， 确实美观炫酷。但实际上，很多时候，它们在小贴士的应用软件程序结构设计中根本就不适用。

实时关注Dribbble，寻求最新结构设计灵感，无可厚非。 但是，盲目跟风， 一味模仿， 反而会适得其反。

7. 忽视开发可行性的结构设计

商品结构设计和开发并不能做到完全的一一对应。 由于各方面的限制，并非大部份结构设计都能按照结构雕塑家希望的方式进行实现。

比如，在具体的结构设计案例中，小贴士也曾遇到，在结构设计一个交互或用户流程后，才发现开发起来非常困难，有时甚至是不合理的，最终不得不放弃这样的结构设计。

因此，结构雕塑家也需要拓展自己的知识结构，了解业务目标、项目范围、时间表和商品开发方式等等，加深对商品的理解，从而打造更具可行性的结构设计。

比如，小贴士在完成如图用户个人网页结构设计时，添加了一个能供用户上传个人图片数据资料的交互，以及允许用户裁剪该图片的模块（如图左边的结构设计）。但是这样的结构设计，开发实现起来却是非常复杂的， 他们更愿意采用使用单独上传按键的方式进行实现。事实上，除非专门结构设计一款SNS类的应用，添加此类撰稿个人图片数据资料的功能结构设计，很可能会使整个结构设计实现过程变得更为复杂，而被认为是不必要的结构设计。

8.忽视应用应用软件的各类状态结构设计

开发实现阶段，应用软件各类结构设计状态缺失，必然会引起很多不必要的麻烦。要么，直接按原方案进行实现，牺牲用户利益。要么，则需要开发工程师根据个人经验添加补齐。当然，这也必然会引起结构设计和执行情况不一致，而延长整个结构设计开发过程。

其实，UI结构设计之初，小贴士也经常跳过结构设计状态这一步骤。大部份的早期商品结构设计中，都完美的忽视掉了大部份可能涉及的结构设计状态，比如报错、完成、激活、禁用、悬停、填充、加载以及空状态等等。

比如，结构设计一个心愿清单时， 结构雕塑家需要添加一个说明状态，即空状态，以确保用户在填写愿望列表之前解释说明有关情况。没有这样的状态结构设计，用户体验就会缺失，也必然给用户造成困惑。

而会忽视类似状态结构设计的往往是刚入行的初学者，原本的小贴士就有次犯这样的错误。

因此，大家一定要引以为戒。

9.过早开始高保真结构设计

在小贴士看来，线框图是UI结构设计中最基本的步骤之一。它能帮助结构雕塑家们准确呈现和把握应用程序的主要内容和层次结构。

事实上，小贴士非常喜欢在摹客Mockplus原型工具中创建各类应用软件线框。因为使用这款简单快速的结构设计工具，小贴士

当然，直接开始高保真结构设计并没错。一切进行顺利的情况下，整个结构设计过程会加快很多倍。但是，当结构设计的高保真原型概念从一开始就不可行，或者遭到甲方驳回时， 反而需要花费更多的时间，重头开始低保真原型图结构设计。

因此，结构设计过程中，过早开始高保真设计，并非好的结构设计方式。

10.并未准确评估和安排结构设计任务

其实，小贴士也还在学习如何准确评估和把握一项结构设计任务所需花费的时间。这是一项会随着时间推移、结构设计经验的逐步累积而逐渐成熟的技能。即使是已经拥有多年设计经验的小贴士，现在也无法100%准确把握和安排各类结构设计任务的时间。

而小贴士现在和过去估算时间方式最大区别就在于：小贴士不会给自己或客户设定不可能的期望。在实际时间估算过程中，大致了解一项任务可能需要的时间后，小贴士会将实际安排时间尽可能翻倍。

如此，不仅能预留足够时间完成安排的结构设计， 还能在一半的时间内就完成任务的情况下， 争取超额交付， 确保结构设计进度。

不过，除非必要，小贴士还是不太愿意提供时间预算。因为这会带来额外的压力。而这也很有可能会影响小贴士的创作过程。

总之，项目结构设计都有最后期限，而如何准确合理地分配有限时间，按时完成结构设计任务，成为小贴士过去几年里获得另一个宝贵技能。

以上就是小贴士重新整理的结构设计中常见的一些误区，希望能帮到大家。