本文详细记录了UI课学员对首页进行优化的过程,通过多个方面的调整和设计,展示了如何打造更优质的首页,同时总结了优化过程中的设计灵感和方法。
在当今数字化的时代,拥有一个优质的首页对于吸引用户的注意力至关重要。那么,究竟该如何打造更优质的首页呢?今天,就让我们一起来看看UI课学员作业优化的精彩过程!
首先,我们先来直观地看看优化前后的效果对比:
我们可以看到,原顶部区域仅仅只有一个图片,整体层次明显不够丰富。为了改善这种情况,我们可以在图片底部添加一个渐变线条进行装饰,这样就能让页面的层次更加丰富:
接下来,我们要理解“找搭子”这个概念的含义。找搭子通常是两个陌生人之间的交流,而一般开启陌生人之间的交流往往会从一个「嗨~」的表情包开始:
由于文字类方向不太适合进行延展,所以我们可以按照前两种类型来延展ICON:
3.瓷片区优化
在原页面中的三个卡片,仅仅只有文字内容,设计显得比较平淡:
为了吸引用户点击,我们可以再增加一个按钮:
当卡片内容丰富之后,我们可以先将卡片设计成异形,以此来增加卡片的亮点:
接着,我们再给图片添加一点倾斜效果:
最后,把按钮也改成渐变色:
现在,让我们一起看看瓷片区优化前后的对比:
我们还可以结合「出行」、「度假」这些关键词重新进行绘制:
对于「发布」这个元素,我们可以进行特殊设计。这让我想起之前在网上看到的一张照片:
「我的」这个部分既要体现人的元素,又要能传达出度假、旅行的感觉。这让我想起出去玩推开酒店窗户看到美景时那开心的心情,所以我们可以把窗户和欢呼小人结合起来,作为「我的」ICON:
5.总结
让我们来回顾一下本次都进行了哪些优化:
1. ICON的灵感来源是多种多样的,表情包、照片等都可以成为ICON设计的灵感源泉。
2. 将常规卡片变成异形,并且让内容破出卡片,这些都是增加设计感的有效方式。
3. 图标最好与产品属性相结合进行设计,常见形状加上一点旅行元素就能产生很好的效果。
最后,我们再来看一下整个页面优化前后的效果对比:
本文通过展示UI课学员对首页的优化过程,从顶部区域、ICON设计、瓷片区等多个方面进行了详细的阐述,总结出了ICON设计灵感来源广泛、改变卡片形状和内容呈现方式可增加设计感以及图标与产品属性结合的设计要点,让我们看到了如何通过一系列的优化打造出更优质的首页。
原创文章,作者:东海凝丝,如若转载,请注明出处:https://www.gouwuzhinan.com/archives/44079.html