我喜欢网站页面设计小结
二、ICON风格统一化:
通过在logo上的延展,设计了风格相符的icon,不仅在视觉元素风格上达到高度统一,也提升了品牌形象感。
三、主导航优化:
在之前的版本中,导航冗余信息太多,频道名称相对较长。对于我喜欢网这样的一个响应式网站,在不同分辨率下页面宽度是自动适应的,这样就会产生导航在小分辨率下的显示效果极为臃肿。
在多次的调整和尝试中,最终决定使用如下版本。介于网站展示内容以图片为主,深色导航更能够压住页面内容,同时logo的形象的展示会更充分。新的导航采用了吸顶式设计,将分类选择融入到导航中,在页面浏览的任何时候都可以做快速切换,优化了网站浏览体验。
四、浏览器扩展程序优化:
在这一版的改进中,我们在围绕功能点优化的同时提升了用户体验。优化的内容如下:
收集内容在插件中实时预览查看;
兴趣电台“随便翻翻“ ,在这里可以发现更多精彩内容,你也可以点按“收集icon”随手收集起来,稍后查看。
兴趣频道也让这个扩展程序变的更有活力与情境,伴有一丝的意外与惊喜。让原本生硬的内容推荐变的更有情调,更易于接受。
整个扩展程序面板在视觉上做了较大的优化。系统化的梳理了面板交互结构,调整了tab视觉样式、icon风格统一化调整,以及图片展示和交互效果。
小结:
在整个项目的设计的过程中做了很多细节上的微调整,有些时候必须一像素一像素的比对调整,提高内容的可读性。对于瀑布流上每个版块之间的间距,先适当放大,再去测试,不合适再一点点的缩小,去一次次的寻找最佳的间距尺寸。这样做一方面使页面更整体有序,同时也增强了内容的可读性。设计上哪怕一个微小的变化都可能会带来一些预想不到的影响。有时候真正的挑战不是修正你发现的问题,而是修正这些问题的同时不破坏已经正常运行的部分。用户体验的改善不仅仅是交互上的易用、视觉上的美观,产品本身的可用性是构建上层建筑的基础,基础体验的优化是不容忽视的。
(360UXC 原创)
回复
不锈钢丝
太好了,收藏
回复
35CrMo钢板
有时候真正的挑战不是修正你发现的问题,而是修正这些问题的同时不破坏已经正常运行的部分。
回复
terg
gsdgsdg<img src="/style/face/21.gif" />发的萨菲
回复
行业调研报告
师傅说,看了不回,木有jj。马克下文章,慢慢看
回复
百家网络博客
访问博主网站如临梦幻。
回复
百家网络博客
厉害呀,又设计了一个网页播放器,挺适合音乐网站用。
回复
周小姐
左侧的那个滑块菜单怎么弄的
回复
zhtml
博主这个全站Ajax隐藏的不动声色啊,喜欢博主的品味~