湖南正致教育 界面设计的理智与情感

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





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



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



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



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



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





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



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





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





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





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



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