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

分享一个比较实用的方式,当客户吐槽你的作品没有设计感的时候,让大家如何快速的改稿。呈现不一样的设计。于是总结了大致几个方法。

01 分析作品

下面案例是一个体育赛事的纪念品售卖网站,客户认为这个作品太常规,希望呈现出不一样风格的作品。于是我们将作品客观分析了下。

优点:

整体设计/严谨界面简洁。配色干净 / 整体性一致。

缺点:

(1)整体缺少了体育行业的特性

解决方案 :增加体育相关的元素

(2)页面太过于正式/缺少活力/缺少购买欲望

解决方案 :优化板式/整体色彩的搭配

(3)内容展示过于少

解决方案 :将原网站切换展示的标签都展开在页面上展示。


 

02 寻找灵感


在设计之前首先寻找一些灵感设计。便于后续确认风格以及表现方式大方向不走偏。于是寻找到了下面几种类型的案例。于是我寻找了一些非常规的设计作品。

板式斜切式衔接:通过改变板式板块衔接部分的形状。我们可以根据不同类型行业用户以及品牌图形元素的延展去规划板块的形状。比如斜角的方式多数应用于汽车/男性化人群等硬性的行业。或者吸取品牌vi上的图形元素进行延展使用。

全屏背景:打破网页架构板块分割的限制/通过排版来区分内容的主次。推荐在网页内容相对于较少上应用。由于使用的是背景图所以氛围比较强,通常应用于品牌网站或专题居多。在应用的时候确保内容板块不背景被干扰。对背景的设计要求较高。

板块错位:网页常规架构的衔接处错位一部分,从而增加整体的层次感。是相对简单的应用方式。建议在应用的时候不要过多增加层次/多的话比较难把控。通常在重要的内容或者首屏处使用这样的设计方式,让整体有主有此。

全屏切换:把原本长页面上的内容规划到多个屏切换展示。改变的方式比较大。设计的时候需要注意每一屏幕之间的对比/以及内容区域的高度排版风格等都需要保持一致。增加引导用户进行下一步操作的交互控件是必不可少的元素。

上面的案例设计感都很强,但并不是每个风格以及表现样式都适合我们这次修改的方向。结合对原作品的分析发现使用“板式斜切方式衔接”方式比较合适我们这次的修改,也贴合体育行业的属性。

03 草图绘制与内容规划

按照灵感中(板块斜切衔接的方式)感觉/尝试在纸上画出我们脑海中想象的大概网页板式架构的样子。

在草图上随意画了几种板式,最终结合实际需求我选择了以(草图03 )的板式进行下一步设计。

使用草图能快速修改呈现自己的想法,不限制大家一定用这个方式,每个人都应该找到最适合自己的方式才是最好的。

使用软件将网页的内容规划,头部和底部保持原来不变/主视觉用于展示热门赛事等信息/内容区域展示不同赛事纪念品。呈现的时候尽量别去排版配色越简单越好(因为比较容易影响到后期设计配色等)或者使用文档的方式呈现。这个阶段主要把内容规划和客户或者产品经理达成一致。避免接下来设计因内容关系进行大的修改。

04 页面设计

(1)板式与文案进行粗略的摆放

根据草图绘制的方案感觉进行网页板式的搭建。首先新建一个画布1920px 中间内容区域控制在1200px以内比较安全。(1200px 安全宽度能保证内容在笔记本等设备兼容。)头部底部还是引用原版的设计。


 

最新图文

相关文章

图1
图3

热门排行