主页 > X生活妝 >阿肠网页设计工作室 ndash; 2014 全新改版,部落 >

阿肠网页设计工作室 ndash; 2014 全新改版,部落

2020-05-23

久久未发文,突然不知道第一句话该怎幺写?挥别了以往会在年底发表的回顾文,直接来到了2014年发表第一篇部落格文章,因为最近比较忙,少了很多时间可以撰写文章,手边也好多东西delay中。不过刚好看到今天外面的好天气,突然想说来写篇2014的第一篇文章好了!就从年底前默默规划改版的阿肠网页设计工作室官方网站作为序。

记得去年初春公开的阿肠网页设计工作室官网吗?就是一个大红色的抢眼色系,採用滚动式的滑动,全站只有一个页面,不过最近也做了一个大幅度的调整,直接变成一页页的网页,除了让浏览动线上更好,色系部分也改为比较舒服的配色,希望家可以在网站上停留久一点、阅读上可以舒适一点,顺便让网站多一点点PV。

这次的官网尝试透过Sass+Susy的方式撰写,为了之后的RWD响应式网页设计,让各萤幕尺寸都可以正常观看,同时也可以加快网页的开发速度,不过碍于时间关係,暂时还没有对手机板做调整,等过年有时间一口气补完好了XD。在特效的使用上,比起上次少用了很多jQuery,大量使用jQuery对于用户的浏览体验虽然比flash好(跨平台),但是相对的会造成用户浏览器资源吃重、CPU吃重等问题,因此大部分的特效能使用CSS3替代的就改用CSS实现,至于旧版浏览器不支援CSS部分,则是尽量让他可以看为主,版面部分还需花时间做些微调。

首页上方採用大图轮播,让使用者视觉完全聚焦,这些首页上方大图轮播,展示的不只是漂亮的图片,而是我们的部分作品集。去年无名宣布关闭,我们接手不少的部落客搬家,并协助帮助他们无痛转移、快速上手WordPress部落格,同时也替他们网站进行客製化开发与网站优化、部落格人气转移等。

阿肠网页设计工作室 ndash; 2014 全新改版,部落

网站名称:阿肠网页设计工作室网站网址:https://achang.tw/

首页

在前端UI设计工,因对初次尝试Sass + Susy,光是对column的规划就花了大半的时间,以往用像素去计算位置一时间要转换还要磨合一下。不过抓到感觉之后,后面在版面规划上都比较快。下图是首页的下半部分。网页结构上也是使用HTML5的语意化结构。

阿肠网页设计工作室 ndash; 2014 全新改版,部落

网页设计

网页设计的部分,我们主要採用 WordPress 作为基底,进行网页客製化版型、功能开发,我们不购买国外版型来修改,一律依照客户需求进行客製化开发,同时会对程式进行优化,让你的网站可以在我们的虚拟主机上,达到最棒的呈现效果与浏览速度。

作品浏览

在作品浏览部分,如同前一版的设计,也是採用CSS不过这次直接手刻效果了,并搭配上CSS3的动画效果「CSS3 transition」来达到渐变的特效。区块的排版上则採用了Susy的栏位设定,把网页区分为12栏,每一个作品集使用4栏进行排版,完全不用拿计算机算半天,一整个很方便。不过在位置的设定上因为Susy是用了CSS3的「nth-child」,有些旧版浏览器无法辨识,就会造成版面跑掉了XD。不过Chrome、Firefox、IE9以上,都可以正常运作。

阿肠网页设计工作室 ndash; 2014 全新改版,部落

免费版型

去年我们推出了3个免费的WordPress布景主题供大家分商业性的免费使用,如果你还没跟到的,别忘了来测试使用一下啰!布景主题一律採用CSS3 + HTML5 的结构进行规划撰写,採用 WordPress 最新的语法进行开发,让你的网站保持在安全的状态上。内建社群功能,让你功能内建不需安装一堆消耗资源的外挂,只要安装好布景就通通帮你Ready!

阿肠网页设计工作室 ndash; 2014 全新改版,部落

2012年中刚好碰到了无名、Yahoo部落格关闭,认识了不少不同的部落客圈的朋友们与加入WordPress部落格圈的朋友,2014年当然希望有更多的使用者可以体会到自己架设网站的美好与优势,就是打造出完全属于自己的部落格平台。仰赖在BSP虽然是个安全的保护,就很像小孩子依偎在妈妈身旁受到呵护,但总有一天小孩也是需要成长独立的

阿肠官网:https://achang.tw/联络阿肠:https://achang.tw/contact.html
上一篇: 下一篇: