初级新人设计师与高级老鸟设计师的区别,除了对产品的理解和风格的把握之外,其实更多的往往体现在界面设计中对页面细节的处理上。
一个个看起来精致的页面也是由这些设计细节组成的。对于页面细节的处理也往往可以体现设计师的专业和严谨度,本文分享的这些设计细节,不仅新人设计师常常会忽略,就连有经验的设计师也时常会在这些细节上处理不当。
文字细节
A.文字行距
在做段落文本时,我们很少直接使用默认的文本行距,为了保证阅读的可读性和舒适性,必须设置比默认值更大的数值的行距。
具体的数值可以设置在字号的1.3~1.8倍之间,一般情况下,字号越小,需要的阅读空间会略大一些,特别是在设计一些阅读类需要阅读大段文本的产品页面时,一定要加大行距来提高文本的可读性和阅读舒适性。
B.文字对比度
在界面设计中,应该要保证任何文字的可阅读性,它应该有足够的对比度,即使是提示性文字也要保证在任何类型的显示器上都可见易读。
间距和边距
A.去掉多余的边框和分割线
用大量而明显的分割线和边框将模块分开,是新手设计师常常犯的错误,但在设计的同时,可以同时停下来好好思考:用分割线分开一定是最好的方法吗?有必要吗?
有时用1px的边框和分割线确实是合理的,但也有其他的方法来进行信息的归类和分割,比如利用阴影和更大的间距。
B.避免不均匀的边距
在进行卡片式设计时要注意内容与卡片边缘的边距。如果你是以常用的从左上角到右下角的方式来布局内容,那就让顶部的边距比左侧的边距稍大一点,看起来会比四边都相等的边距更加舒适美观。
投影
在物理现实中,物体的投影绝对不会是黑色的,物体的投影颜色始终会受到其所处在的环境的影响。
应用在界面设计中,物体或是卡片的投影颜色应考虑其背景和环境颜色来进行结合设计,即不应选择纯灰色,而是选择带有背景色彩倾向的灰色,同时设置适当的透明度和模糊值,来营造自然舒适的投影效果。
内容填充
重复和随意的示例文本和图片放在设计图中看起来会很不专业,应该避免交付这样的设计稿,它会让人觉得你对自己的设计是不专业不用心不愿意花时间的,同时也反应了你对与自己的设计产出的重视程度。
此外,也已经有一部分插件可以自己自动选择填充内容,为设计师节省了这些素材的填充时间,所以在交付设计稿时,让自己的设计稿尽量完整专业,哪怕是为了演示效果,也应该放上相应的不同的内容标题、文本、图片,让整个设计看起来更加专业和完整。
以上提到的每一条规则都要结合具体的产品来进行具体分析和设计,但是可以适用在在大多数情况下,设计从来没有一个标准答案,对于设计新手要训练的是,如何找到那个最合适当前产品的设计方式,希望这篇分享能对你有帮助,感谢阅读。
下一篇 PS制作雨窗效果图文教程
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答腾讯游戏美术春招已经启动啦!25、26、27、28届均有机会投递,实习岗位有动画、特效、3D场景/角色、2D场景/角色、技术美......
刚入学的同学,在第一次学到新软件的时候,经常会被各种快捷键整懵。但是网上download的快捷键记忆图,不一定就是合适的。这里......
官方宣布3月共134款新游戏版号过审,网传68家游戏公司超1000岗位
提前了解行业趋势,关注热门游戏和新技术如AI、UE5等;或通过了解和参加线上、线下行业游戏大赛或交流峰会,增加行业信息来源,积......
今天要分享的是武汉校区剪包专场招聘会,企业代表是曾就读于武汉校区2210期的剪包学长,这次代表公司返校,招聘视频拍摄剪辑岗位。
AI时代找不到工作怎么办?瞄准这6个常青树行业,火星全专业可匹配!
科技在创新,社会在发展,自动化、机器人和AI人工智能的应用,让很多重复性高、低技能要求的传统工作岗位正在被逐步取代,这是一个无......
一般发生在下半年,如果公司上半年业绩未达标,有些公司可能会在年中发起招聘需求,为团队储备一些新人,到年底以“试用期不通过”为理......