平面设计的理论知识?常见的平面设计基础平面设计的基础设计理论包括: 色彩构成、平面构成、字体设计、图案设计、版式设计等。平面设计基础能力可以概括为视觉化处理与传达信息的能力。UI设计在视觉化界面操作的阶段,与平面设计的交集是如何组织和处理每个界面的信息
平面设计的理论知识?
常见的平面设计基础平面设计的基础设计理论包括: 色彩构成、平面构成、字体设计、图案设计、版式设计等。平面设计基础能力可以概括为视觉化处理与传达信息的能力。UI设计在视觉化界面(繁:麪)操作的阶段,与平面设计的交集是如何组织和处理每个界面的信息。平面设计中俗称的排版,把文字、表格、图形、图片等进行合理的排列调整,有效传达信息,并达(繁体:達)到{练:dào}美观的视觉效果。
1.澳门新葡京 如何组(繁体:組)织信息
组织页面《繁体:麪》信息的首{练:shǒu}要任务是判断信息优先级,分清重要信息与次要信息,删除无用信息。化{pinyin:huà}繁为简,降低视觉干扰。举个小例子,从一份简历,就可对一名应聘UI设计师的平面设计基础能力略知一二。
首先对无用信息的判断(读:duàn)(讲真,曾看到简历中还有体重信息)。其次是关键信息的组织排列、清晰表达。个人信息:姓名、年龄、照片、联系方式;基本信息:工作经历、教育背景、职业技能;其他信息:兴趣爱好等。数份简历扎堆时,信息有效(xiào)快速传达是第一步,再者才是加入一点点自己的小个性。
2. 如何《读:hé》对齐
2. 如何对齐(繁:齊)
日常工作中,经常会遇到有关如何对齐问(繁体:問)题的PK,始终争论不休xiū 各说各理。首先达成信息优先级主次的共识,可以提升排版的效率。
a. 信xìn 息分组
先从一个酒店预定成功通知消息案例来{pinyin:lái}看,通知信息文字平铺直叙,并未合理分组(左图)。图片部分上方酒店评价、信息地址和电话操作按钮剧中对齐,酒店名成为了一个小标题。做适当调整后(右图),使得正文通知、价格和时间字段分【读:fēn】组明确。电话按钮同酒店信息组对(繁体:對)齐,使得图片区域的文字和操作信息更为整体。
b. 居中对齐or左【练:zuǒ】对齐
信息分组后,居中排列每{měi}组信息的小标题,模块感增强,使得阅读标题和每个组信《读:xìn》息中产生视线的跳跃。小标题和每[读:měi]组信息统一居左对齐,更符合快速浏览和操作。比如在需要完成注册任务的网页中,标题居左更有利于视线快速向下流动,使得操作路径更顺畅。
3. 如何有{pinyin:yǒu}重点
a. 大小(读:xiǎo)对比
前面谈了如何组织信息{读:xī},那如何使主要信息更为有重点?首先可以通过拉开大小比例,拿一张活动海报来举例。5米处能看到什么?海报的{pinyin:de}大图案渲染气氛的整体感受;3米处能看到什么?活动主标题;1米近距离又能发现什么?具体信息和时间等。拉开主次信息的尺寸大小对比,从空间距离上,使得观众接受信息传达有了先后。观众近距离阅读,信息有效传达的顺序同理适用。
b幸运飞艇. 并非均【pinyin:jūn】分
看似没有什么差错的信息布局(左图),为什么始终差了一些什么?由(拼音:yóu)于细节之处并非理开云体育解信息主次。最初设计稿追求绝对的均分,导致信息较散,没有“组”的紧凑感。
页面元素中的左右间隔往往也会被忽视,如(左图)中帐号头像与页面的左边距=帐号名称之间间隔,使得页面中间区域的信息{练:xī}散于页面边界。标题和发布时间也是通过{pinyin:guò}设计软件的居中对齐功能快速对齐,具有平面设计意识的排版不仅是设计软件中的文本框绝对居中对齐,需要对信息分组与主次深入思考,避免机械《练:xiè》的均分对齐。
UI设计中对平面基础能力的检验
UI设计(User Interface界面设计)的设计原则:简易性、一(读:yī)致性、用户习惯、人性化等。遵循UI设计的设计原则,提高平面设计能力,可使得界面更为优雅。在UI设计中(zhōng)可对设计师的平面基础能力迅速检验,下面通过一{读:yī}些具体case的设计过程来简单分析。
1. 精澳门新葡京简与一致性【练:xìng】
在手Q公众号图文消息优化中,我们发现线上旧的图文消息边距较为肥厚,在大图 1小图的情况下由于代码《繁体:碼》的模块化拼接,始终无法达到完美的像素间距。在考虑多种纯文字、单图、多图文模版拼接后,尽量减少间距规则和字号种类,达到拼接模版的统一规则。保证一致性为前提,也提供灵活拼接的{pinyin:de}多样性。
2. 操作的轻量(读:liàng)化
在某电台app概念设计中,分享功能支持获取歌词并同时拉取专辑封面配图,允许用户上传照片、写下当时的心情或是用语音表达。最初设计时的界面交互框架(左图)默认功能在“写下心情”,“加图片”和“录语音”的功能重要性并列,感受上是个功能强大的分享界面,告诉(sù)用户你有三种选择配【练:pèi】心情内容的方式{shì}。
讨论后优化框架(右图),默认拉取专辑封面图,支持上传图片入口置于右上角,默认歌词展示在封面图上可点击编辑,整个页面可视{pinyin:shì}化了最终分享出去(pinyin:qù)的样式,所见即所得。设计优化后,让整个操作有了重点。可以直接在分享预览图上操作,缩短了分享路径,最重要带给用户轻量化的操作感受。
平píng 面设计灵感注入设计
好的I设计可以让软件变得有个性和品位,同时操作上是简单舒适的。平面设计的灵感,往往可以使得界面设计跳出线框与控件{读:jiàn}的束澳门威尼斯人缚,充分体现软件的定位和特点,使用过程中变得更有趣味。
本文链接:http://10.21taiyang.com/Shooter-GamesGames/6612212.html
平面设计理论知识有哪些 平面设计的理{读:lǐ}论知识?转载请注明出处来源