细节创新集合_第1页
细节创新集合_第2页
细节创新集合_第3页
细节创新集合_第4页
细节创新集合_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、老铁们在做界面设计时，经常遇到的难题是如何才能做得更有创意？每次给老板看方案时总是被说太平淡了，界面也缺乏创新。我想很多设计师都会遇到这种情况，包括我自己在内，早期开始做设计时，思路总会局限在现有的参考上，不知道如何下手做。比如下面这个设计虽然粗看没多大问题，但确实是一个很常规的设计，没有亮点。试想，我们是否可以在布局、图标图形、色彩质感等做一些细微的突破，这些地方稍微做些改变都可以使得界面变得更好。再比如上面这个作品，也是同样的问题，缺乏一丝灵魂。之前看很多设计师作品集里面包装的作品，就是这样设计的。虽然现在UI趋于模式化设计，但是我们在确保体验最优的同时时，还是可以做一些创新设计。比如布局

2、、图标、色彩、质感、杂志化等方向发力，下面我们来看看如何做一些差异化设计。差异化圆角层叠布局俗话说，当然不知道如何去做创新时，可以去找一些好的概念设计，从里面挖掘一些新的设计想法，用在自己项目中。例如上图，我们将卡片圆角化与底部地图相呼应，整个设计看上去就有了细微纵深感。如果上下滑动时，再配上视差动态效果，那么细节也会更丰富。上图的设计也是同样的思路，圆角图片作为背景，大圆角卡片在上层叠加布局，增加细节丰富度。再来看一些优秀案例圆角化布局设计在功能详情页的应用。半圆角化布局设计的应用案例，只有一个边用圆角来布局设计，另外一边直角布局。通过上面一些案例，可以提取一些布局方案用在项目上，如下图所示

3、。下面这个案例通过圆角卡片来布局，贯穿所有。看到这，大家面对改版或者01的探索，布局上应该有新思路了，而且很多布局都是不断尝试与打磨出来的，下面我们继续看下图标如何做差异化设计。打破常规的图标图标可以说在设计中非常重要，承载着品牌性格传递，表达产品的气质，但也是我们最容易忽略的地方。如果纤细的图标看腻了，是不是可以尝试下这种粗线性图标。再或者就是将图标logo化，设计更有趣味性一些。这些图标应用场景可以是功能页面，比如像智能家居、智能镜等场景中。用“点”来贯穿整个图标设计，下图，韩国NAVER的图标设计，通过点与线的集合来打造记忆点。Naver图标与品牌色集合，这种虽然现在应用较多，但是可以从不同角度来切入。比如上图中使用填充品牌色与断线集合，形成一种不一样的设计思路。最后一种思路图标进行品牌化设计，整套图标延续品牌DNA特征。上图app设计，里面图标就是将品牌DNA符号延续到整套系统里面，包括底部bar的功能图标和表情符号等。弥散光感渐变背景很多情况下会遇到需要做详情页或者个人页面，这时候就会涉及到头像与背景的关系设计。目前设计较多的方式就是高清大图、

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论