当前位置:首页 >  设计行业 > 正文

这里附上近期精细点评的8个作品,同时也欢迎其他同学的踊跃参加,我与邵飞老师会尽可能帮助大家做到细节上的指引;


 

UI设计是一个科学而严谨的工作,掌间的方寸之中,我们要思考在保证界面视觉规范的同时,展现出优秀的视觉设计,还要思考如何让设计更合理的服务好产品与用户;


 

下面我们从规范、配色、界面层次、设计落地等角度解析一下本次活动收到的一些作品。


 


 

作品一
 


 

@vvan10   作品名:伽友


 

规范层:★☆☆☆☆

视觉层:★☆☆☆☆

产品层:★★☆☆☆


 

整体点评:

对于在校时期完成的作品,还是值得鼓励的,App品牌周边的探索也值得肯定。

作品在规范层面上做得不是特别好。在UI设计中,一些常见组件的规范要处处遵守,只有做好了每处小细节,最后才会有一个完整规范的产出。

排版、色彩等方面的视觉设计上,可以多看视觉竞品,并进行更多的尝试。


 

问题总结:界面设计要遵守设计规范和组件规范。


 

代表性界面点评:



设计规范和组件规范如何落实?

小小的一个导航栏也会有具体到像素级别的规范,这些点上可以参阅操作系统的规范文档。


 




作品二
 


 

@野生驯兽师   作品名:袋鼠理财——金融APP设计


 

规范层:★★☆☆☆

视觉层:★★☆☆☆

产品层:★★☆☆☆


 

整体点评:

作品在图标等设计细节处都有花心思刻画,并且有自己的想法。

但在规范层面,太多没有深思熟虑的想法,表现在界面中,造成了组件不规范,层级不合理的视觉观感;

视觉设计上,过多的深色和金色的刻画,显得部分界面变得杂乱,影响信息的传达;

产品层面上做了很多细致的分析,但出发点应该更多的从产品和用户的层面思考。


 

问题总结:界面层级略显凌乱。


 

代表性界面点评:



如何理解界面的层级?

一个扁平的界面,由不同的规范组件构成,这些组件在界面中由于出现的频次、重要程度的不同,在Z轴高度上也略有不同,通过下面的案例可以一起来观察一下:


 


 


 


 

作品三

@YiiChang   作品名:ii Movies App Concept Design


 

规范层:★★★★☆

视觉层:★★★★☆

产品层:★★★☆☆


 

整体点评:

作品整体风格统一,视觉设计上也非常出色。

在规范层和视觉层基本没有问题,个别版面的排版问题需要注意,不能为了视觉美观造成版面拥挤,牺牲阅读体验。

同样地,如果是国内的产品,使用英文排版也会显得不落地;

设计最终是要推出市场接受检验的,部分界面要多从用户和产品的出发点思考,要有理有据且避免过分炫技。


 

问题总结:视觉设计概念化、不落地。


 

代表性界面点评:


 


 

怎么理解分析界面的不落地性呢?

界面在视觉上完成度已经比较高时,主要通过服务产品和服务用户两个方面来思考,可以通过下面的案例来一起思考:

最新图文

相关文章

图1
图3

热门排行