[平面UI] 视觉设计前瞻实用性研究

查看:309 |回复:0 | 2019-11-13 15:33:59

您需要 登录 才可以下载或查看,没有账号?注册

x

041P5241F0.jpg


导言:
日复一日的需求是否麻木了我们的思维……瞬间弹出的RTX窗口是否让我们变得厌倦……


在这样的日常工作中是否逐渐淡化了我们对创作的欲望……好多时候我们需要在时间的缝隙中激发自己的欲望,用激情来抵抗虽绞尽脑汁却平庸无奇的设计稿,Photoshop,我们最基本的衣食父母,当我们每天打开电脑面对那熟悉的图标时,有多少时候是充满欲望的双击着我们的鼠标?好吧……就从PS说起,看看它是否可以让我们重新拥有欲望……


关于字体设计
这类的设计对我们是尤其重要,最简单的说,我们各式各样的活动主要标题都是运用这些手法的空间,而我们现在正用的那些效果是否有新意,是否仍有很强视觉冲击力,这个确实有待我们思,活动页面的设计尤其重视视觉冲击力,二主标题更是重中之重,这块分成两个部分,首先是创意,用什么样的样式适合我们整体的设计,立体的?破碎的?硬朗的?柔美的?其次是技法,这个技法除了光影、透视的表现,更对的是细节的把握,一个像素的描边,一条渐变的垫底等等。来看看这些例子。(图01)


041P6404453.jpg

图01


还有一些……(图02)


图02


关于色彩
无论portal还是或顶,都少不了色彩的搭配,色彩搭配是需要WEB设计师慎重考虑的,好的色彩搭配很优秀的页面,即使只使用很少的图形,仍会带给用户以深刻的印象和舒适的视觉感受。使页面内容重点突出,风格统一,更易于浏览。


色彩的搭配合理性尤为重要,当然这也和页面的性质紧密相关。比如portal的主要注意页面的整洁及规范,那么色彩上就要尽量的控制器颜色的种类,便于用户浏览大量的信息,提高页面的粘度。


活动类页面则可以根据不同的主题来调配颜色,很多事就其实我们选用三种左右的颜色就自购支撑整个画面,通常会选用1-2种作为基色,然后根据需要加以装饰,同一种颜色不同的色阶,不同的饱和度用适当的组合都会呈现出不同的效果和层次,达到色彩错落又统一的感觉,让我们来看看这些例子:(图03)


图03

#p#e#


关于光影
如果没有影子便没有空间,通过一些光影的交错和元素的组合我们可以使画面生动起来。


在下面的几个作品中,作者抽象的运用色块来代表光影,利用视觉幻象的空间感来突出整体设计的视觉中心,运用色彩的对比突出主题的同时,也起到了一定的娱乐性、这样的作品询丽、通透、容易让人有好感,而且比较不容易忘记。(图04、05)


图04


图05


关于质感
质感是物体表面给人的感觉。我们触摄到的物体表面,可能是粗糙的、平滑的、刺手的、柔软的、凹凸不平的。随着这种经验的累积,单凭眼晤也可形容看出物体表面的质感。所以我们对质感的认识除了靠触觉外,也可凭视觉上的经验获得。


很多时候我们制作质感的手法是需要滤镜来支持的,很多的滤镜是随机产生的,每次的操作不尽相同,效果也略有些不同的差异,在一些外形或边缘使用一般工具不能获胜的自然纹理效果时,溏镜这时就体现出他的强大威力,产生的效果非常自然,滤镜在制作质感的时候大多需要组合使用。


表现材质的时候,我们一般都会选择对金属、塑料、玻璃等对光反射比较强烈的材质入手,换来逼真的质感。这些逼真的质感也使得画面变得精致,丰富和生动。比如我们要做一个AVA的页面,这时候,金属质感就自然的成为了画面的主题,或者QQ堂的页面需要的则是一种圆滑弹性的质感等等,无论是主题字还是UI界面都是质感体现的舞台。我们来看看下面的作品吧!(图06、07)


图06


图07


Web2.0时代的UI关键词:高光.水晶.通透.体感.等等这样的设计从MAC的0S系统中提炼出来,开始大量的充斥着互联网的UI设计..逐渐的演变到一种返璞归真的扁平化,哑光.平滑.灰调。看似不过是两个或者几个色阶之间的一条渐变,但这样的瞬间在多年前初识pS的我们就完全可以掌握的技巧却被忽略了太久..面需要的则是一种圆滑弹性的质感等等,无论是主题字还是UI界面郡是质感体现的舞台。我们来看看这些作品吧:(图08)


图08


写在最后
看了这么多源自或者含有PS技术的图片,不知道大家会有怎样的感受,或者你会觉得不过是有些比较好看的图片,或者根本不好看,又或者会觉得这些东西与我们日常的需求离得很远,我们没有时间去万晓恒这样繁琐的设计,再或者会完全觉得不怎么样,这些想法都OK,没有问题,因为这不重要,重要的是,当我们发现这样的图片这样的技术的时候,是否会触动你的欲望,哪怕是一瞬间的,要知道,所谓灵感不过是依赖我们的眼界,无意中翻开大脑皮层下的某一个抽屉闪出来的思维图像,而这些图像就源自我们对于这些瞬间的积累,千万不要无视这些瞬间,或许他是绞尽脑汁时的救世主!


图片有很多,技术也可以很高端,或许我们紧张的时间成本下不可能完成精湛的设计,但或许可以借鉴到很多瞬间,这些瞬间或许真的可以重新记起你的欲望。


评分

参与人数 2元素币 +10 活跃度 +22 展开 理由
源支始 + 10 + 10
胖纸Jeremy + 12

查看全部评分

2019-11-13 15:33:59  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

图文教程技术文章技术文库UEUI
显示全部 11
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表