- 界面设计的理智与情感!
- 来源:设计智造
文/马一皎 在设计工作中,可以说我们总是在寻求理智与情感的平衡,即设计易用性与美观性的合理结合。如何把持分寸与火候,往往会在不经意间被我们忽视,从而经常会出现这样一种状况:有些作品总给人感觉还不错,却说不清楚在哪里总有那么一点点欠缺。设计中理智与情感分寸的拿捏,看起来似乎是虚无缥缈的,实则不然,总有些许规律是可以让我们有章可循的,在界面设计中亦是如此。 布局井然有序、主页面和子页面有章可循,配色方案自成体系,交互方式统一协调,与内容深度联系,这就是界面设计中的一致性。一致性设计的关键,设计风格与品牌形象的一致性,好的设计师能够将网络新形势与传统无缝结合。例为传统的商城设计一款网站,不仅要承载品牌信息的作用,而且要保证跟现实生活中的品牌形象有所联系。 ①视觉的一致性。边距、各种元素的尺寸、大小是否设计的一致?一致性设计会极大的改善我们的设计流程,缩短设计周期。 ②交互的一致性。“交互和行为”上也要下功夫。仔细琢磨琢磨:用户如何与网页进行交互?用户进行输入时会呈现何种动态效果?各个页面中的交互性也应当保持一致。 ③大胆用色。色彩的情绪效应是不言而喻的,大胆的色彩能够有效的吸引用户。但是要注意,一定要注意色彩与品牌间的联系。 ④彰显个性。任何设计都有自己的基调,设计的基调影响了用户对网页的印象。在保持一致性的前提加入一点个性化是非常不错的想法,能够提高内容的表现力。 ①提高垂直方向上的阅读节奏感。垂直方向的阅读节奏关键在于文字的可读性。一致的垂直节奏才能保证视觉效果更放松,达到更好的阅读体验,让用户感到安心,没有阅读障碍,没有违和感,可读性自然强。 在界面文字排版中,为了营造视觉上的和谐,我们往往采用字体大小、粗细、甚至不同风格的字体格式来进行对比,来满足作为设计者的情感需求,然而却忽略了用户在阅读时的视觉需求。 当在设计中使用文字时,有两点需要特别注意:字体的大小、字体的行高。这两点是打造垂直阅读节奏的关键点。如果字体大小不合适 -- 例硕大的标题,渺小的正文字体,让用户读起来颇有一种一落三千丈的失落感 -- 这就使得内容难以被用户快速阅读、快速扫描。一般来说,行高要根据字体的大小来定,一般行高设置为字体大小的1.4 -- 1.6倍,取1.5的话,也就是说,16px的字体行距为24px。 界面排版与平面排版的原理规则相互相通。在界面排版中,看似是设计师随意的排布界面中各种元素的位置与大小,其实随意的的另一面是一些不成文的小规则,看似随意,实则严谨。 留白的艺术就好比在控制界面的呼吸感,太紧凑的布局会让用户在视觉上带来紧张收缩的不舒适感,而太松散则会显得页面内容太空洞,合理的把握留白的位置与范围,很值得我们研究。 在一个界面里,大面积的色块可以模糊概念为面,排列整齐的文字在宏观角度上可以称之为线,具体的小细节则不言而喻,是视觉范围内的点元素。怎样维持点线面之间的和谐,平衡画面的轻重感,是值得我们深思的。面的元素最容易抓住观众的眼睛,因此我们应将界面中的重点元素尽量以面的元素表达。而在此基础上,还应合理把控线与点的补缺,使画面看起来丰富不单调,却又主次分明。 总而言之,在界面设计中,我们将对每一细节进行“理智与情感”的合理平衡,在严谨与随意间把握好分寸。有些细微的“潜规则”,若能熟练的运用在设计工作中,定能助我们一臂之力,但太死板不知变通也万万不可,如何把握实属不易,还需我们细细揣摩。不过作为设计师,若能太明确的分别“理智与情感”,也未免太“理性”了,会错失很多“感性”的灵感。哎,就让我们纠结的理智下去吧! ① 官方头条号:设计智造 顶级创意设计师必备② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!
设计
-
-
- 屏障的Secret(六)——声屏障Level Up成道路小品
- 道路声屏障的形象升级——道路小品声屏障的外观问题今天我们再来谈一下声屏障的外观问题。说起现在的声屏障,外观上基本是千篇一律,隔声板加钢结构,有些为了景观视野一致,声屏障的中间用透明亚克力板来隔声。其实
- 正升环境
-
-
-
- 如何把育儿用品商城网站系统标志设计做得更好?
- 都说女人、小孩的钱是最好赚的,所以很多创业者就瞄准这个方向创业,比如做个育儿用品商城网站,那今天logofree君就跟大家分享育儿用品商城网站LOGO设计。创新:★★☆☆☆美术:★★★☆☆商业:★★☆
- logofree
-
-
-
- 全球最牛的植物园——卡通动物世界植物造
- 全世界最牛的植物园就是它:加拿大蒙特利亚植物园!不信?你就往下看!造型百变,只有你想不到,没有做不到。一年四季,绿意盎然,生机勃勃。除了各种形态各异的动物,甚至还有一架钢琴!连人物的表情都可以这么栩栩
- 金弹子俱乐部会员部落
-
-
-
- 古代没有CAD他们怎么画建筑图纸?超强手绘来袭
- 大家都知道,现代人拥有CAD来辅助设计,建造出多不胜数的建筑奇迹,无论是外观的设计,建筑结构的计算抑或是内部系统的铺设,软件的作用被发挥得淋漓尽致,这是科技进步的一种体现。然而,当今世界依然保留着许多
- CAD设计一点通
-
-
-
- 线条感的logo设计欣赏,线条的艺术
- 今天欣赏一组以线条感为主的logo设计,虽然看起来简单,但是能够形象的提炼确实非常不易的,让我们赶紧来欣赏一下吧~
- 设食计
-
-
-
- 签名设计,你留名,我免费设计几个!
- 昨日艺术签名抽写:唐海城杨晓吕良刘占军陈秋生王金宇刘彬周顺华林向清欢迎大家点赞关注评论转发,每天免费抽写!
- 南枫艺术签名
-
-
-
- MAD, BIG, OMA, MVRDV等公布墨尔本南岸区超高层竞赛方案!
- MAD Architects / Elenberg Fraser 方案2018年7月27日,备受瞩目的澳洲墨尔本南岸区(Southbank Precinct)超高层设计竞赛公布入围南岸大厦设计的建筑事
- GBE建筑论坛
-
-
-
- OLESON 品牌形象设计欣赏
- OLESON 品牌形象设计欣赏看到友善的面孔总是很好John Oleson 是一名电气工程师,在销售和客户服务方面也有广泛的背景。他要求我们创建一个可以随着公司发展而扩展到其他行业的身份。 因此在lo
- FORMER品牌设计
-
-
-
- 一个设计师职业生涯最大的梦魇,就是两个字……
- 一个设计师职业生涯最大的梦魇,就是两个字:甲方。关于这个职业话题,可以用一个长篇章回体小说,说上十天十夜都说不完设计师流不尽的眼泪,和十天十夜都回忆不完的漫长的加班之夜。斑鸠的朋友“美丫”用几张图充分
- 斑鸠学院
-
-
-
- 界面设计的理智与情感!
- 文/马一皎 在设计工作中,可以说我们总是在寻求理智与情感的平衡,即设计易用性与美观性的合理结合。如何把持分寸与火候,往往会在不经意间被我们忽视,从而经常会出现这样一种状况:有些作品总给人感觉还不错,却
- 设计智造
-
-
-
- 珍藏多年的设计素材,全部分享给大家,CDR格式,无限放大
- 小编以前做过包装设计等,从网上搜集整理了一些设计用的图标,现在分享给大家,非原创,但也不知道是哪位高手做的,无法注明转载出处,如侵犯了您的权利,敬请告知,第一时间删除。需要的回复评论区留下邮箱,小编会
- EXCEL知识屋
-
-
-
- 室内设计资源:创意餐厅丨门店门头设计参考资料丨JPG高清丨990M
- 以下案例为这套素材主要是『创意餐厅丨门店门头设计参考资料丨JPG高清丨990M』,JPG文件可以下载!希望能对你有所帮助 。【免费分享】【名称】 创意餐厅丨门店门头设计参考资料丨JPG高清丨990M【
- 室内设计素材源
-
-
-
- 艺术签名设计,免费的设计,直接抽写!
- 昨日艺术签名抽写:周萍薛学龙王金杰郑顺魏浪司晓颖赵志中罗加华蒋光峰欢迎大家点赞关注评论转发,每天免费抽写!
- 南枫艺术签名
-
-
-
- 一个庭院,两种设计风格!快来看你喜欢哪个?
- 这些设计可以为我们的庭院设计提供参考,也可以使大家在设计过程中脑洞大开哦~010203040506070809101112131415161718192021222324252627282930中国农
- 农业新闻
-
-
-
- 牛逼设计 VS 煞笔设计
- 2018年的今天,中国的整体设计水平,相对于大部分的发达国家来说,其实还是极其低的。这个原因是多样的,例如会因为历史原因,决定设计最终成现的人是老一辈没有被审美教育过的油腻大叔,油腻大爷。另一个原因是
- 庞门正道
-