怎样设计出高大上的网站?

  那么回到我们的问题,初出茅庐该怎样让自己能够快速成长呢?

  经常有朋友问如何才能做出好的设计作品?其实这并不是一个那么容易回答的问题,一个的设计师除了具备良好的绘画功底与审美的之外还需要了解自己的用户,了解自己的产品,而我们作为服务行业又要努力保持好商业与艺术之间的平衡,这时对设计师们的考验就会更严苛。从学校毕业、开始工作,从什么都不懂到了解行业并且为客户解决问题,这些经历都不停在每位设计师身上上演着……慢慢的会让我们懂得一个成熟的设计师除了扎实的视觉表现基本功之外更需要一个良好的口才与的沟通能力,我们不只是一个简单的执行者,甚至有时我们责任重大,变身为问题的解决者。

  我们需要了解行业动态,需要具备的审美,需要收集大量的案例,需要虚心请教周围更有经验的前辈;大的不说我们来谈点有实际意义的。

  一、建立自己的素材库

  建立自己的素材文档(我本人比较喜欢用花瓣网,云端储存简单易用,资源收集丰富便捷),当然不排除喜欢收集在自己电脑里的设计师们,这完全看个人习惯来定。

  那么我们有了素材库之后该怎么办?两个字:分类,这里依照每个人的习惯不同那么分类的点也会不一样,根据习惯我们可以时间找到适合的风格来寻找灵感并且予以借鉴,这里贴出我个人的分类给大家参考。

  那么分类完成,有了素材库的沉淀就够了么?答案当然是no!在这里我想提个问题,我相信蛮多设计师会创建自己的素材库,可当你们收集完之后会返回去看这些令你们喜欢的作品么?所以这里我要强调的是分析,分析你喜欢的作品,分析你收藏他们的原因,无论是字体、视觉表现、交互逻辑一定会有他们各自的闪光点吸引你,才会被收藏下来,针对不同的风格进行单独的分析思考,自己观察每个细节,打开你发现未知的眼光你就会在每一个作品中学到自己不曾注意的小点。

  二、案例分析

  我们随机找出这张案例来进行分析,一个游戏角色的介绍页面,整体干净简洁没有过多的场景处理(这么做也是为了在不同角色的情况下保证背景的统一,并且设计成本也会降低),下方巧妙的用菱形图案将角色放置点击切换(如果给到我们来做这么多角色的选择按钮我们会像这样排列么?),所以在分析作品的同时我们不仅仅是看到视觉的表现,交互的形式和作者在做页面时的思考我们也可以试着去体会,这样会更加深对作品的理解。

  电影海报,整体采用红黑单色配色增强冲击力,人物出乎意料的倾斜摆放增加画面张力,文字的排列也特意做了倾斜效果让整体视觉都在一个动视中,右上角的碎玻璃和子弹完美创造了后坐力的效果,让人看到海报就有眼前一亮的感受。比如交给我们来设计一个FPS类型的页面我们会考虑用单色处理么?会考虑人物的动态摆放么?每张值得参考的作品都是我们的灵感来源,学会观察、学会思考会让我们走的更远。

  电影介绍网站,主要导航区域放在左侧,将展示的不同区域用大图片的形式放在右侧可以点击进入内页进行浏览,眼前一亮的交互形式不仅能够非常好的展示内容而且能够勾起玩家的探索欲参与进来。如果我们遇到版本专题或专题集合页面的设计时是否可以考虑采用类似的交互形式来设计符合项目的页面。

  三、了解交互

  众所周知游戏的更新迭代速度非常快,每一个设计需求从策划到设计再到后上线都不会相隔太久,在没有专业交互的情况下我们往往拿到PM给我们的交互稿都不够精细,这就需要我们深入了解需求,明白页面传达的内容,如果连设计者本身都不知道页面是在传达什么那么做出来那只不过是一张好看的图片而已,没有任何的意义。还是那句老话,不懂就要问;和你的PM详细沟通,了解页面的所有功能,这样能够让你更好的为项目考虑做出完美的作品。

  案例-这是之前拿到的一份交互稿,是《苍穹变》游戏的一个家族战的报名页面;我们会从两方面来分析它;先从视觉方面看,因为是家族争霸赛自然要体现对抗、战场的感觉;从交互方面说,与PM沟通后了解到有两个重要的按钮(报名和大赛官网按钮)在上方,中间部分则是一个轮播广告图,再往下就是一些活动的详细介绍。那么问题出现了,如何将头部视觉与轮播广告很好的结合而又不影响用户的交互操作,通过尝试终还是解决了这之间的问题。

  这里将重要的按钮放在页面中部,可以让用户进入的时间看到;至于轮播广告图则下移一点与卷轴巧妙的结合,既保证了头部是觉得完整性又满足了轮播的功能存在,做到整体的融合。

  四、积累成长

  视觉的美感仅仅只是我们设计中的一部分而已,交互的层级关系以及良好的引导才是直接关系页面转化率的关键。互联网瞬息万变,一波接一波的变化层出不穷,也考验着我们每一位年轻的设计师们,养成良好的习惯,每天的沉淀、学习,反复思考让自己一直存在饥饿感,我相信未来我们一定会做的更好!祝愿每个设计道路上的小伙伴们,愿你们越走越好~

更多精彩:http://www.010jianzhan.cn/

http://www.010jianzhan.cn/solution/External.shtml   外贸网站建设

发布者:aa789789,转转请注明出处:http://seowki.com/news/297415.html

(0)
上一篇 2024-05-10 17:37
下一篇 2024-05-10 17:47

相关推荐

  • 徐州抖音店铺代运营靠谱吗?十大电商代运营服务商

    一、徐州抖音店铺代运营的概念 抖音店铺代运营,就是指由专业的运营团队帮助商家在抖音上进行店铺的运营,以达到更好的推广效果。运营团队会根据商家的实际情况,制定出最适合的运营方案,以提升商家的抖音店铺曝光率,实现抖音店铺的营销目标。 二、徐州抖音店铺代运营的优势 1、抖音店铺代运营能够有效提升抖音店铺的曝光率,从而达到营销目标。抖音店铺代运营团队会根据商家的实际…

    互联网快讯 2023-04-24
    00
  • 京东在哪添加银行卡?京东银行卡绑定取消不了

    一、京东在哪添加银行卡 京东是一家大型的电子商务网站,提供各种网上购物服务,其中包括网上支付服务。用户可以在京东上添加银行卡,以便在购物时使用。那么,京东在哪添加银行卡呢? 1. 在“我的京东”页面添加银行卡 用户可以在“我的京东”页面添加银行卡,以便在购物时使用。首先,登录京东账号,点击“我的京东”,在页面右上角点击“账户管理”,在弹出的菜单中点击“支付设…

    互联网快讯 2023-05-17
    00
  • 快手照片怎么弄全屏?照片如何全屏显示

    快手照片怎么弄全屏 快手是一款拍摄短视频的应用,它的照片也是非常精美的,很多人想把快手照片弄成全屏,那么快手照片怎么弄全屏呢?下面就给大家介绍一下快手照片怎么弄全屏的方法。 一、打开快手APP 首先,打开快手APP,点击右上角的“我的”,然后点击“我的照片”,就可以看到你的快手照片了。 二、选择要弄全屏的照片 然后,选择要弄全屏的照片,点击右上角的“编辑”,…

    互联网快讯 2023-05-18
    00
  • 京东快递va是什么意思?京东快递va和vb的区别

    一、京东快递va是什么意思 京东快递VA是“Virtual Assistant”的缩写,即虚拟助手的意思。它是京东快递为提高客户服务水平而推出的一项新型服务,旨在为客户提供更加便捷、高效的服务。 二、京东快递VA的特点 1、智能化服务:京东快递VA采用了最先进的智能化技术,能够自动识别客户的语音,自动提供客户所需的服务,大大提高了客户服务的效率。 2、多样化…

    2023-06-02
    00
  • 在亚马逊欧洲站卖时尚首饰的要求是什么?饰品销售需要审核吗?

    亚马逊欧洲站作为全球最大的在线零售平台之一,为卖家提供了一个广阔的销售渠道。对于想要在该平台上销售时尚首饰的卖家来说,了解相关的条件非常重要。 一、亚马逊欧洲站卖时尚首饰要什么条件? 1、注册卖家账号:首先,您需要在亚马逊欧洲站注册一个卖家账号。这个过程相对简单,您只需提供必要的信息,并遵守亚马逊的规定和政策。 2、准备产品信息:在准备销售时尚首饰之前,您需…

    互联网快讯 2024-04-25
    00