童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

UI设计中可借鉴平面设计技巧(版式设计1)

10月26日 九阙忬投稿
  UI设计是随着智能设备的飞速发展、互联网行业的发展以及农林牧渔传统行业的急于转向而兴起。主要是企业对移动设备交互界面的重视。在企业越来越重视界面设计的今天。传统的平面设计能为现在我们的UI设计提供哪些参考呢,我们能从中借鉴的技巧有哪些?今天就从版式设计说起。
  版式设计
  在UI设计中版式设计不言而喻是非常重要的。版式设计就如同盖房子先要搭好框架一样。一款APP视觉呈现是不是符合商业性并兼具审美。其中的版式设计是其核心。而在平面设计中版式设计也是一个作品的核心。平面设计长时间的发展积淀了相当多实用的技巧和方法。
  一、形势方法
  版式设计中形势方法指的是、画面的表现方法和原理。说白了就是画面要出什么效果就用什么表现手法而已。平面设计中形势方法可以分为。虚空留白、比例适度、对比调和、变化统一、变异秩序、节奏韵律、重复交错、对称均衡等。今天我们举例分析一下前四个。
  1、虚空留白(适合现在极简设计风格)
  这种版式设计主要是突出主题,给人以轻松愉悦的感觉。适合文艺范的和有逼格的app界面使用,能够营造出高品质的界面风格。但是如果一旦运用不得当容易出现界面空或单调的感觉。
  2、比例适度(协调UI中各部分内容)
  平面设计中所说的比例适度主要是整体和部分的协调,采用合理的比例方法,如:黄金比例、等差等比。去协调各部分的关系使各部分要素产生联系。在UI版面布局中正是需要调节和有机的组合各要素在有限的界面里的合理性。
  3、对比调和(UI中信息层级的表现)
  对比调和在平面设计中是经常用到的,整体版面要调和,局部版面要对比。对比是强调主次关系。对比调和用到UI设计中可以做到设计内容在主次关系的层级化。在统一调和的界面里又充满了对比的小情调。这正是平面不平之所在,也是一个优秀的界面所必备的。
  4、变化与统一(是UI突破同质化的一种方法)
  变化与统一是形式美法则的总则。是其他方法方式的一个总结。变化所说的就是在设计中要有所创新不能总墨守成规,统一是设计要做到视觉上的愉悦而不是虽然有局部吸引人的眼球但是整体一看却是辣眼睛。变化和统一也许是突破现在APP同质化的一种方法。在现在APP同质化严重的情况下我们能做到APP的风格统一又不墨守成规寻求变化才是营造自己风格的一种方法。
  这些平面设计里的形式美法则在UI设计中同样受用。这些表面形式在做banner图构图和创意上也特别有用。
  二、版式设计基本类型
  版式设计的基本类型有特别多。我们这里着重分析其中对UI设计最有帮助的骨骼型、左右分割、曲线型、满版型这几个基本类型。
  1、骨骼型(类似网格构图)
  这里说的骨骼型就是在版式构图中,进行横竖向的分栏。能容严格按照分栏排列。版面效果沉稳厚重,井然有序,如果横竖分栏交叉排列还可制造灵动活泼的版面气氛。非常类似网格构图的方法。在UI设计中也很受用,可以很好的规范个元素的位置。(如果你对目前的界面设计一筹莫展,不妨可以试试这种方法)
  2、左右分割型(瀑布流)
  左右分割不外乎就是把版面左右分开在配之以图文。在UI中的应用是随着扁平化卡片化的兴起,在移动端界面尺寸的限制下,开始进行了信息的分割处理。横向的卡片式布局使得一屏内所看到的信息受到了极大的限制(不利于用户体验,卡片式并非万能)。所以就应用的左右分割的布局。左右分割有利于信息的呈现,可以与瀑布流结合。
  3、曲线型(UI方向1)
  曲线型主要表现的是韵律和节奏,可能符合一部分小众APP设计界面设计,充满了特色和戏剧性。我觉得有特色的界面设计是这些小众APP的设计核心。可以利用另类的小众的设计做吸引。
  4、满版型(UI方向2)
  满版设计在平面设计中主要表达大方、舒展的设计风格。在UI移动端界面设计中寸土寸金。现在的扁平化,极简设计风格都在留白提升逼格。但是未来极简设计终将过去,我们面对的还是海量信息。
  结束语
  版式设计是平面设计的一部分,也应该是UI设计的一部分。这里仅仅是说出了版式设计的一点点内容,部分的形式美法则和版式设计的基本类型。还有很多很多对UI设计有利的点没有发掘。站在巨人的肩上可以看的更远,平面设计就是我们前进的加速剂。
投诉 评论 转载

需要产品经理用心做好的交互体验:开关现在的产品越发变得精细且有人情味,一个小小的弹框,提示都是接触用户,实现人机交互的入口,善用弹窗、提示让用户感知你的贴心和用心,往往是产品被用户喜欢并快速爱上的美好开始。不要忽……从交互层面探讨:不一样的App该如何设计?针对APP同质化现象,本文作者从从交互层面探索了不一样的App该如何设计,且谈及自己的解决方案。值得一读。前段时间一篇名为《为什么App设计得越来越像》的文章在朋友圈被设……不同用户体验渠道的无缝衔接不管在什么渠道或设备上,无缝衔接是组成可用的多渠道体验的5大关键点之一。那些能让不同渠道之间的转换体验变得简便的公司,将拥有市场竞争优势。用户通过许多渠道与你的公司或组织……交互设计启示录:交互设计三大标准,信息表述五种方式交互设计本就该是互联互通环环相扣的。交互设计是设计人与物的对话(dialog),交互设计的目的包括:有用性、易用性和吸引性的设计和改善。近些年随着互联网化进程加快,特别是……6种实验性的网页导航模式,激发你独特的设计灵感不同的导航模式对于网站的影响不尽相同,针对不同的内容、不同的用户,你需要仔细挑选导航模式。虽然绝大多数的设计都遵循设计规则和用户的使用习惯,但是标新立异的设计仍然非常有市……UI设计中可借鉴平面设计技巧(版式设计1)UI设计是随着智能设备的飞速发展、互联网行业的发展以及农林牧渔传统行业的急于转向而兴起。主要是企业对移动设备交互界面的重视。在企业越来越重视界面设计的今天。传统的平面设计能为现……从1。2亿次的点击中,苹果学到了这个提高用户体验的方法从iOS9改版到iOS10之后,锁屏页面的音乐控件变大了,用户体验明显提高。那么最佳的按钮触摸大小应该是多少?经过1。2亿次的实验后,这个结果被微软苹果等顶级公司采用,强烈推荐……Icon改版:对于细节的把控才是关键在这次新的视觉改版迭代中,我们更新了过去较为单一的图标形式,重新定义了图标系统。在旧版页面中,我们发现有几个问题,比如:页面形式复杂,导致页面的焦点太多,重要功能不够突出……回顾交互设计的过去,并展望其未来你好,这是2017年的第13篇文章。除了电脑和手机,越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流?未来的产品形态和交互方式会走向何方?当NU……Banner设计技巧:6招搞定点缀元素的运用今天我要给大家讲的是点缀元素的在Banner设计里的运用和玩法,它也是大家经常需要用却又经常忽略了或用不好的一个知识点。我以前就反复提到过,一个最常规的最完整的Banne……为什么你爱用的App,都用卡片式设计?今天这篇文章,将全面介绍卡片式设计,看完之后,你会知道为什么爱用的app都喜欢用这样的设计。网页和手机app逐渐摈弃了传统单一的页面设计,向完全个性化的用户体验发展。这种……线上广告更加吸引人的5个思路今天说讲述的5个思路是不同的,内容决定设计,留白,故事都和这种填鸭式的广告不是一个路子。而线上广告和传统广告最大的不同在于,它可以创造体验。现如今的设计师大都是多面手,虽……
如何以结构化的思路做好产品用产品思维分析在线直播为何能够蓬勃发展具备这6点,你才算是一个好产品经理利用认知盈余创业所需考虑的四个因素我心中的优酷钱包一次面试作业作为一名产品经理,如何完成从初级到高级的进阶刚开始学习产品,如何用简单方法来分析产品?附案例电商产品经理进阶二:行业研究分析总结以叫车软件为例,说一下高阶产品经理都是怎么分析问题的你确定你真的懂手机适配吗?MVP:化繁为简的能力产品经理如何平衡与公关、市场、运营、销售、客服和技术的关系文选造句用文选造句大全唐山大地震观后感范文960字洗碗机清洗液怎么用我的小表妹作文五篇小升初满分作文赏析一个庄重严肃的人蓝秀化妆品是几线品牌?蓝秀属于抵挡护肤品吗?扫黑风暴孙红雷好帅!和刘奕君的演技也很绝,他老婆也参演了远古海洋超强霸主巨齿鲨的天敌是谁顶级掠食者油价调整消息4月26日,油价7连涨!92号95号汽油最新零售《春天终将来临》读后感锦集竹风松吟青莲黄花lellure是什么牌子?lellure是哪国的?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界