西安企业网站建设在第一步对设计需要有了一个较全面的认识后,就进入下一步,参考资料的整理了。首先,国内容主流的电商网页截图这是必须的了,还有就是一些优秀设计参考,比如UI8的素材
和
Pinterest里面的优秀设计,花瓣里面的质和量还是远比不上它。这里顺便吐槽一下天朝的网络限制,这么优秀的网站,今年直接不和中国玩了,于是每个月十几块的vpn费用变为了必须,于是翻墙乃居家旅行必备设计之神技。小时候要翻墙出去玩,长大后也要翻墙出去玩。如李涛老师所言:红杏出墙一定是墙的错,而不是红杏:joy:。貌似扯远了,先放个截图
这一步,反正是多看呗,只要有一个点我觉得特别好的,我都会把图保存下来。我把它叫做:拾人之牙慧,随我乱堆。
(三)logo设计
对整体有了认识,也找了很多参考资料,:grin:现在可以做具体设计了。应老板要求logo要重新设计下,好吧,这部分花精力比较多的是字体部分
s部分作了好几次调整
logo图形部分相对简单些,由小到大的长点组成。
最终如下:
(四)logo和网站主色的确定
在logo的形确定后,很重要的一步是颜色的确定了。现在可以随便看看那些大型网站,大部分网站的主色和logo是一致的,颜色有时候感觉是个玄学,不同的人有不同的看法。(这里和我一样比较多迷惑的朋友看一下梁景红老师的《色彩平衡法则》帮助挺大,其他的那些什么色彩搭配和色卡表大多都是扯淡的,没什么
* 用。)
最后确定主色为: HSB:348 68
98
(五)具体页面设计
第一版做的时候用的软件是ps,网页板式参考的国外电商网站,宽度1920px,主体内容1170px,删格化是用的70px,间距为30px。西安企业网站建设哪家好?
做出来之后发现了一些问题:
1,1170点主页信息有些过宽。
显得拥挤,特别是在非高清笔记上面浏览时,本身浏览器边上的滑动条有一定的宽度,并且有时候浏览网页并非开到最大化。
2,间距30px的间距有些过大。
商品信息展示的时候,中间的间距30px会显得过宽,10px会显得有些窄,20px比较合适。当信息同时要分三栏,四栏时,既要保证间距合适,又要考虑每一栏都为整数时,1170px不方便进行设计,容易出现小数。
3,对后续调整麻烦,特别考虑响应式设计时。
第二版改进时,我进行了重新修改,这次我用的是sketch做的。
sketch做这个最突出的优点是不用进行标注了,这里推荐一个神奇的插件Measure,
直接倒出web格式的文档
其他的优点就是:对齐方便,不用老是cltrl+s保存了,可以自动保存等等。
这次整体板式用的1920px宽,主体内容950px;至于为什么,这里引用知乎网友的回答:
.一套完整的栅格化系统,可以优化项目流程,提高开发效率,减少交互,设计,程序之间互相的沟通成本。现在我们以网页为例:
这是目前主流网站的一些页面宽度,它们的首页宽度为950px/960px.(除了微软的Live Search)
这些网站都有几个相同的点:结构复杂,逻辑臃肿,老板有钱,老板没我帅。
咦,到这边遇到一个问题,为什么是960,950呢?不是1024或者1000呢? 西安企业网站设计哪家好?
这个宽度是不是有着什么互联网世界中的密码呢?是平均长度吗(微笑脸)。
当然,这些都有一些不可告人的咪咪,这些网页的设计师不知道比我高到哪里去了,他们选择这些尺寸都是有一些奥秘在里面。
总之,用950px之后,对于两栏,三栏,四栏都有了很好的支持。
还有就是国外网页设计明显的感觉比国内的简洁,视觉干扰很少,存在页面的一定是很有用的信息,于是,省去了多余的说明和欢迎语句等,这里我参考了《点石成金》里面的观点。
1
不要让客户思考
2 为浏览而不是阅读设计
3 去掉那些视觉干扰。