最近发现老婆大人出的网页设计稿虽然设计风格仍然是一流的,但字体和按钮都做得偏大,在我开发页面的时候造成了一定的困扰。看了一下她的MAC屏幕才知道原来每次用Photoshop CC 2015做设计都要把图片放大了做,再缩小了看全局,导致习惯性地会把文字做大一些以免用户看不清,显然这个显示方式导致了一些尺寸上的感知偏差,而且这样反复放大缩小也很浪费精力…
我们希望的PS显示界面是这样的:
查看详细
最近发现老婆大人出的网页设计稿虽然设计风格仍然是一流的,但字体和按钮都做得偏大,在我开发页面的时候造成了一定的困扰。看了一下她的MAC屏幕才知道原来每次用Photoshop CC 2015做设计都要把图片放大了做,再缩小了看全局,导致习惯性地会把文字做大一些以免用户看不清,显然这个显示方式导致了一些尺寸上的感知偏差,而且这样反复放大缩小也很浪费精力…
我们希望的PS显示界面是这样的:
查看详细
虽然我自己现在也只是用Win7,在Windows8开始普及之前,有必要为网站做一点小准备。新名词 – Pinned Site,顾名思义就是把自己的网站Pin到别人的Win8桌面上,就像冰箱上的磁贴一样,够酷吧!现在做的人还不多,但相信Win8普及也是迟早的事。正好和老婆一起成立的工作室网站刚刚完成不久,就为这个网站做一批Windows8磁贴吧!
同做favicon一样,微软有自己的生成工具,戳这里:http://www.buildmypinnedsite.com
步骤非常简单,根据指引一步步做,第一步需注意的是图片有4个尺寸,要分别调整,不要漏了。在右侧会自动生成效果预览
查看详细
接上篇移动端左右滑动菜单效果制作,这次记录一下切入式菜单的在AxureRP中的实现方式。
首先在画板上先按屏幕尺寸建立一个顶部的区域,宽320,高40;顶部左侧放菜单的按钮;在下面剩下的区域放一个动态面板,命名为(top_menu),宽320,高450,覆盖屏幕减去顶部的全部区域: 查看详细
这两天在研究AxureRP这个原型设计软件,为公司的一个APP制作原型。总结了几个模仿移动设备滑动效果的制作过程,首先是左右滑动菜单效果。左右滑动菜单在移动端是是很常见的菜单展现方式,通过AxureRP的动态面板结合几条简单的事件就能轻松实现它。
首先在页面添加一个动态面板(Dynamic Panel),命名为MainMenu,在自动生成的场景1(State1)中再添加一个动态面板,命名为MainMenu-menu。 查看详细
VOILÀ网站(www.vhr.com)是公司最重要的平台网站,由我全面负责网站的改版,需要进行前端的全部重构工作。由于每天都有大量日常的零碎工作,这个网站的改版总需要我另外“挤”时间去做,历时大半年才算完成。所幸的是可以完全根据自己的想法来设计构架,做起来也很过瘾。
这是一个酒店的查询和订房平台,www.vhr.com是它的域名。但我们还为这个网站绑定了几十个其他域名,需要根据不同的域名载入不同的CSS,实现“换肤”的功能,以便让网站能够根据不同的酒店品牌实现“本地化”。实现原理也很简单,把大部分样式写在一个主样式表中;把“换肤”用到的颜色,图片等设置分别写在每个域名对应要载入的样式表中即可。经过一番“样式表大作战”,使我对网站重构有了更加深入的认识,获益良多。 查看详细