提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
仅举个简单的例子来说明网站设计中的一些思考
刚入行的时候觉得设计个网站真的很随意,那时候理解的就是像做电商产品详情页一样,或者是专题页,插入到该展示的地方就大功告成了。其实后来发现pc端的设计并不是那样简单,你会慢慢考虑的越来越多,就如大家所熟知的视觉,你会在着手设计时考虑构图、排版、用色、字体大小等等,但是交互很容易被忽视!也有人问一个静态页面上交互能做些啥?爱网购的我就举个栗子-购物
首先我们要了解所看到的商品是不是我们想要的,各种比较,看价格、看长相、看评价、看有没有包退换等等,然后再决定买不买;页面上要看的信息很多,然而交互设计师就要把这些用户需要的信息进行有组织有层级的展示给用户。
当然揣摩用户我们也必须揣摩公司,公司业务想要达到的目的往往是在设计中主要考虑的因素,毕竟都是为了那啥嘛!我们可以看看一些比较牛X的企业网站,锤子啊苹果啊,人家不是都是为了给你看他的手机,其实在设计中都是有思考的,进入页面不要都以为~ 就是各种卖手机嘛!!!不要这样~在设计之前都有考虑页面的信息架构,就是会把产品从需求(目标)到设计(页面元素),就拿企业网站说比较简单的理解,我们想展示我们的什么优势,在设计的时候我们就要放哪些东西。就像我们开车去上班,1-目标-去公司,2-任务-选择出行方式/查路线,3-操作-定位输入终点,都是由界面上的控件元素展示出来我们想要的操作,整个操作完成就是界面的流程。
放个企业网站的展示不要喷,一般企业网站的信息架构都是很简单的,都是那个样子,这里就不放了,直接下图:
再来一个:
这里我想说,不管设计怎么样,但是一定要有个好习惯,图层命名,这样可爱的前端会恋上你的!
下图响应式布局规范可以下载
一般的网站信息架构也就这几种:再来一个子页面:
总结:
有点乱,简单总结下就是设计中每个板块都是提前想好的,都有他的目的,不是随心所欲的设计;文采不好,容易乱扯!
超过30M只能用网盘了
响应式布局规范下方可以下载 希望对您有点帮助!
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册