专栏名称: 优秀网页设计
优设网官方帐号,国内知名设计师学习平台。和大家一起来利用碎片时间学习设计和PS技术吧!
目录
相关文章推荐
字体设计  ·  JAGDA新人赏各站海报设计收集 ·  1 周前  
始室  ·  首发 . Norm Architects 宁静之所 ·  1 周前  
字体设计  ·  字体设计大合集 ·  1 周前  
设计诗designer  ·  Quadrat Estudio丨隐密、光线、空间 ·  1 周前  
51好读  ›  专栏  ›  优秀网页设计

二柱男神来信:能帮我设计一个淘宝详情页吗?

优秀网页设计  · 公众号  · 设计  · 2017-01-16 12:54

正文

二柱家族庞大产业链又要向外扩张了,这次他们进军的是餐饮界。自打上次二柱妈妈的名片做好之后,二柱妈妈再也没有理过小编(微笑脸),小编懂得。不过昨晚小编看朋友圈发现了二柱妈妈的最新动态——二柱食堂的官方网页设计图片分享。


同学们请注意,这里要划重点哦,不是淘宝店,更不是微商,而是高大上的官网呀!这可是浓墨重彩的一笔,把小编瞬时带回了老太太要动态logo的牛掰闪闪的时刻。点开网页之后小编内心活动是这样的:这次的设计应该是交了的。

点击查看大图更清晰

于是给二柱微信打算旁敲侧击咨(BA)询(GUA)一下:

——不晓得你母上大人这次去的哪家广告公司做的网页,很漂亮啊。
——我自己做的。

什么?!惊呆了!二柱自己上网进行的编辑,仅凭一丢丢的英文,PS技术0基础,作为其他行业的二柱已经可以做出这样的静态页面进军设计业啦。天噜!让小编直接甩给你链接好了:

https://huu.la/

在这里有现成的几百种网页模板,包括商业类、餐饮类、博客类等六种品类,类似网页设计的Temple,可直接在网页中编辑。

第一步,选中你喜欢的模式。

第二步,进入编辑界面。左右均为可编辑部分。

第三步,开始工作。

最后,完成后可以查看view。(当然你可以选择一个稍短的网页,这个界面太长,小编奏不一一列举了。)

这个网站还有另外一个功能,可以将任何一个(划重点)网页(包含中文网站),全部变成这种Temple的形式,毫无压力。

当然,这在国外也被许多设计师认为这是红果果的“COPY”而不是“DESIGN”,因为只要输入网址它真的是能够自动的为你生成可编辑网页,这是其他设计师呕心沥血被甲方虐完的成果,只要几步,你就可以变成自己的作品,甚至最后成为你的官网。

作为一个国外的网站,还是存在一个巨大的bug,中文字体只有一种。希望以后他们还能继续改进。

上述为二柱体验并推荐的免费网页设计网站,接下来小编要为大家推荐自己的压箱底建站网站:

http://www.wix.com/

Wix于2006年成立,是美国联交所(Nasdaq:WIX)上市公司。 Wix以云端技术于2012年起创立HTML5 网页编制系统,取得空前成功,累计全球用户超过八千五百万。 Wix的平台简单易用,配合手机版本,有数百模版任意挑选,以拖拽形式操作,完全没有编写程式或应用编码的需要。此外,从拣选合适模版、制作、备份至公开上线,全部免费。

选择好主题进入即是工作界面:

这里小编隆重介绍上图功能区里的A——背景、B——新增元件、C——App Store三元素:

A——背景

Wix提供多种背景格式,包括颜色、图片、视频,拥有强大的图片库。总有一款适合你。

B——新增元件

网页元件(elemets)可说是Wix的重头戏,里面提供了数十种网页中常用的元素可让你自由拖曳到网页中,包括了文字、相片、媒体、按钮/选单、blog、菜单、商城……等18大类的元件。而且最让人感到窝心的是预览模式非常直观,不需要等待看效果。

C——App Store

Wix也设计了一个网页应用程式的商店,里面提供了各式各样的App可让你加入到网页之中。

Wix的强大还在于可以即时编辑为手机版本,太智能了有没有!这样展示给甲方应该更加一稿过的可能性吧。

最后的最后,记得保存你的网页。

再跟着小编看一眼他们的部分模板,只是截屏模式,有没有让你赶快打开网页的冲动呢!

上面小编介绍的两个网站都只是为了更加方便快捷的自主建站,就好像有了PSD TEMPLE也只是让我们学习、临摹一下,更多的设计方面的进步还是需要日积月累的学习!当然我们还可以给好盆友们直接拉个淘宝主页出来。

PS:感觉小编的话让二柱有了进军设计界的意思,小编是不是说错什么了!不过这里还有电商系列的好文推荐给大家,戳阅读原文