您当前的位置:首页 > 学习专区 > UI设计

如何做一个设计一致的UI设计师

时间:2017-04-20 11:28:42    作者:严老师

  其实从另一个方面来说,交互设计中的比较基本的一种规范就是一致性,要想做到一致性,是需要涉及到一份设计中的所有元素。这些元素既能够运用在一场活动方案中,也能够用在独立品牌的设计中。
  如果一个设计师足够优秀,就会创建出一个可用性高并且协调统一的产品。那么,怎么才能做到设计的一致性呢?
  一:保持界面元素的一致性
  对于一个网站来讲,每一个交互动作和界面元素应该以同样的方式工作,这样才不会给人一种很乱的感觉。
  (1)导航位置固定且选项不变,这样比较符合用户的习惯。
  (2)按钮自始至终采用相同的颜色,其实整个页面都应该是一个或者两个色调,不要太乱。
  (3)图标一定是好识别的,且其指向符合用户的预期
  (4)可点击的元素应该总是可点击的(如有链接的图片)。
  (5)链接直接在当前标签页打开或在新的标签页中打开(为每个链接选择一个相同的打开方式)。
  (6)页脚和侧边栏应持有一个特定的位置和大小(不应使页脚在一个页面上巨大而在另一个页面很小)。
  如何做一个设计一致的UI设计师?
  一定要记住,如果你允许一个元素能执行一个动作,元素本身的样式和交互动作就应该是统一的。

timg.jpg


  二:整体色调主、次色保持一致
  为了创建一个非常棒的调色板,你应该先挑选出一个主要色,然后使用色彩理论添加一到两个次要色。再针对每种颜色设定一组样式和使用规则,在之后的设计中坚持使用这些规则便能保证你在色彩上的一致性。
  如何做一个设计一致的UI设计师?        一个特殊的颜色标识符可以快速的告诉用户你是谁。使用好颜色也可以帮助用户在使用你的网站过程中始终知道他们是不是在正确的位置。试想如果每个点击动作都把你带向一个使用新色调的页面,你还会疑惑自己究竟是不是在正确的地方吗?
  三:兼容于不同媒介
  无论你的设计是面向一个网站或者宣传手册,广告牌或社会化媒体,品牌的视觉效果都不应该随媒介的变化而改变。
  如何做一个设计一致的UI设计师?        有些品牌对于如何正确的传达视觉效果会有一些明确的细则——比如色彩叠加或者水印效果以及图片长宽比设置等等。不管你要设计的样式究竟如何,都要牢记的一点就是不管将来把它放在哪个媒介上,它都应该正常的传达出应有的效果才对。这通常涉及到要使用一组通用的图片处理方式。为了最有效的做好这项工作,你最好创建一个可视化的图像集,收集大量的高质量,高分辨率的图像以方便你的重复使用。
  四:字体间距、位置和大小
  (1)选择一个主要字体和大小。
  (2)选择次要字体和大小。
  如同颜色应该是基于一定样式规则的调色板,字体也是需要设定规则的,而且思路也是一样的。只不过相比于颜色来说,字体的设置规则可能会稍微复杂一些。对于web端的样式风格来说,你应该使用CSS来设置元素的大小,间距和位置,以便每个标签(如h1,h2,h3,body等)调用正确的属性值。
  如何做一个设计一致的UI设计师? 在一个相对固定的位置显示的字体,如导航中中的字体,应该始终保持一致性。如果每个导航元素都采用不相同的字体,用户将会感到相当的困惑。这种一致性规则应该贯穿整个网站,所有相似的项目中应该使用相同的字体形式。

推荐资讯
UI设计师
UI设计师
JAVA软件工程师课程
JAVA软件工程师课程
.NET软件工程师课程
.NET软件工程师课程
软件开发工程师课程
软件开发工程师课程
相关文章
    无相关信息
栏目更新
栏目热门