从自行车网站设计谈网页设计灵感

2016-02-16 22:47 7 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享从自行车网站设计谈网页设计灵感教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - 平面设计 】

最近看过许多欧美的网页设计,以简洁明了为主,所以我也设计了一些网页,希望可以给大家带来灵感。

很多时候,单页面导航也许会给用户一些新鲜感。虽然字体排版有些凌乱,但是基本清楚,简介明了。简介的英语概述,一般不会给用户造成太大的麻烦;如果你有更好的想法,或许可以改成中文的。或者说可以把页面做成加载项,做成海报的形式,这样不会让客户在等待中感到无聊,可以提前了解网站的大概内容,这里我要用了中文简述。

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

这个首页看上去可能有点花俏,我主要是想利用透明感来增加页面的浮动效果。对于这张页面,nav字体要突出,但一定注意与页面整体颜色相辅成。其中的内容框位自动或用户手动切换,这些都不是问题。

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

比赛的内容显示:页面不动,内容块及低框进行滑动,悬浮效果

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

自行车的款式浏览不必太多,只要显示经典的就行,还有的用户可以去more里找;利用鲜明的颜色来调节,可以很容易的看到成品的信息。装备的显示,我选的是两边主要分块,中间进行细节展示,也是通过悬浮滑块查看其它同类产品信息。

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

至于一些选车保养得内容块,则不必表达的多,精而简就行,主要就是页面整洁。毕竟有些内容信息在一些搜索网页都有,客户不一定就那么容易相信你,不如在关于我们伙联系我们中提供一些联系方式和微信微博什么的,这样可以日积月累的给用户提供所需信息。

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

我做的联系我们的模块可能看上去很简单。但我觉得吧,把它做成一个名信片,可能更有感觉

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

这是产品展示的另一个例子,我只想说这个模板版式,至于内容块我觉得不怎么好。

从自行车网站设计谈网页设计灵感,PS教程,图老师教程网

总结:我做的这个网页设计是以赛车为主,所以必须以车为主,色调要有炫感。本次材料均为chinabike网页的。所以做网页时,可以找一些专业实体网站,方便寻找材料。

来源:http://www.tulaoshi.com/n/20160216/1576050.html

延伸阅读
Qoros(观致)汽车在今年的日内瓦车展上展出了一台颇具未来感的概念电动自行车,名为eBiqe。如果去掉脚蹬的话,看起来更像是一台越狱摩托车。 eBiqe通过电池和电动机提供动力,别小看eBiqe的性能,它的最快时速可达40英里/时(约合65公里/时),一次充电最远可行驶120公里。 该车拥有三种速度模式,从低的15英里/时到最快的40英里/时不等...
标签: 工业设计
西班牙自行车的品牌Oto Cycles,结合经典复古造型与现代动力,设计出两款电动自行车。新推出的电动自行车受1950年代自行车工艺影响,外型向下弯曲手把、头灯造型位置和坐垫设置都经过特别调整,使之看起来真的很「古典」;另外制作团队想让这台车拥有新的灵魂,因此将电动设备加在车体上,可以用脚踏启动,也可以切换到电动模式...
标签: 产品设计
  设计师Hussain Almossawi和Marin Myftiu设计的nCycle是一辆概念折叠电动自行车,该设计放弃了传统自行车的管状结构,取而代之的是一个轻质中空的外壳,里面装有电动驱动系统。 nCycle智能自行车采用流线型的车架设计,从外表上看甚至比普通自行车还要简洁美观。该车首创了独有的智能车锁系统(nLock)、收纳系统...
标签: PS PS基础
老规矩,看效果图,分析 分析: 这个效果不难,大家也应该接触到很多类似的效果了。 至于大家做出来的效果参差不齐,为什么呢? 最关键: 1、 素材的选则 2、 每一步骤的认真程度是最关键的(细节,细节,细节的刻画是关键!别忽略了每一个小点) 3、 审美,有的人做的光线很乱,方向各异等等,要不就给这些素材一个共性,整体感就出来了...

经验教程

660

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部