界面设计中理智与情感的平衡

  • A+
所属分类:经验思维

本文来源: 马一皎, 共 1467 字

在设计工作中,可以说我们总是在寻求理智与情感的平衡,即设计易用性与美观性的合理结合。如何把持分寸与火候,往往会在不经意间被我们忽视,从而经常会出现这样一种状况:有些作品总给人感觉还不错,却说不清楚在哪里总有那么一点点欠缺。设计中理智与情感分寸的拿捏,看起来似乎是虚无缥缈的,实则不然,总有些许规律是可以让我们有章可循的,在界面设计中亦是如此。

界面设计中理智与情感的平衡

 

界面设计中理智与情感的平衡

 

布局井然有序、主页面和子页面有章可循,配色方案自成体系,交互方式统一协调,与内容深度联系,这就是界面设计中的一致性。一致性设计的关键,设计风格与品牌形象的一致性,好的设计师能够将网络新形势与传统无缝结合。例为传统的商城设计一款网站,不仅要承载品牌信息的作用,而且要保证跟现实生活中的品牌形象有所联系。

界面设计中理智与情感的平衡

 

①视觉的一致性。边距、各种元素的尺寸、大小是否设计的一致?一致性设计会极大的改善我们的设计流程,缩短设计周期。

界面设计中理智与情感的平衡

 

②交互的一致性。“交互和行为”上也要下功夫。仔细琢磨琢磨:用户如何与网页进行交互?用户进行输入时会呈现何种动态效果?各个页面中的交互性也应当保持一致。

界面设计中理智与情感的平衡

 

③大胆用色。色彩的情绪效应是不言而喻的,大胆的色彩能够有效的吸引用户。但是要注意,一定要注意色彩与品牌间的联系。

界面设计中理智与情感的平衡

 

④彰显个性。任何设计都有自己的基调,设计的基调影响了用户对网页的印象。在保持一致性的前提加入一点个性化是非常不错的想法,能够提高内容的表现力。


界面设计中理智与情感的平衡

界面设计中理智与情感的平衡

 

①提高垂直方向上的阅读节奏感。垂直方向的阅读节奏关键在于文字的可读性。一致的垂直节奏才能保证视觉效果更放松,达到更好的阅读体验,让用户感到安心,没有阅读障碍,没有违和感,可读性自然强。 在界面文字排版中,为了营造视觉上的和谐,我们往往采用字体大小、粗细、甚至不同风格的字体格式来进行对比,来满足作为设计者的情感需求,然而却忽略了用户在阅读时的视觉需求。

界面设计中理智与情感的平衡

 

当在设计中使用文字时,有两点需要特别注意:字体的大小、字体的行高。这两点是打造垂直阅读节奏的关键点。如果字体大小不合适 -- 例硕大的标题,渺小的正文字体,让用户读起来颇有一种一落三千丈的失落感 -- 这就使得内容难以被用户快速阅读、快速扫描。一般来说,行高要根据字体的大小来定,一般行高设置为字体大小的1.4 -- 1.6倍,取1.5的话,也就是说,16px的字体行距为24px。

界面设计中理智与情感的平衡

 

界面设计中理智与情感的平衡

 

界面排版与平面排版的原理规则相互相通。在界面排版中,看似是设计师随意的排布界面中各种元素的位置与大小,其实随意的的另一面是一些不成文的小规则,看似随意,实则严谨。

界面设计中理智与情感的平衡

 

界面设计中理智与情感的平衡

 

留白的艺术就好比在控制界面的呼吸感,太紧凑的布局会让用户在视觉上带来紧张收缩的不舒适感,而太松散则会显得页面内容太空洞,合理的把握留白的位置与范围,很值得我们研究。

界面设计中理智与情感的平衡

界面设计中理智与情感的平衡

 

在一个界面里,大面积的色块可以模糊概念为面,排列整齐的文字在宏观角度上可以称之为线,具体的小细节则不言而喻,是视觉范围内的点元素。怎样维持点线面之间的和谐,平衡画面的轻重感,是值得我们深思的。面的元素最容易抓住观众的眼睛,因此我们应将界面中的重点元素尽量以面的元素表达。而在此基础上,还应合理把控线与点的补缺,使画面看起来丰富不单调,却又主次分明。

界面设计中理智与情感的平衡

 

总而言之,在界面设计中,我们将对每一细节进行“理智与情感”的合理平衡,在严谨与随意间把握好分寸。有些细微的“潜规则”,若能熟练的运用在设计工作中,定能助我们一臂之力,但太死板不知变通也万万不可,如何把握实属不易,还需我们细细揣摩。不过作为设计师,若能太明确的分别“理智与情感”,也未免太“理性”了,会错失很多“感性”的灵感。哎,就让我们纠结的理智下去吧!

界面设计中理智与情感的平衡



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: