金门桥(Golden Gate Bridge)是世界著名的桥梁之一,也是近代桥梁工程的一项奇迹。大桥雄峙于美国加利福尼亚州旧金山长1900多米的金门海峡之上,历时4年,利用10万多吨钢材,耗资达3550万美元建成,由桥梁工程师约瑟夫·斯特劳斯(Joseph .Struss, 1870—1938年)设计。因其历史价值,于2007年由英、美两国合拍成同名纪录片。宽约27.4米。

设计中踩的坑:
1.这样的大图片展示页面,图片质量是整个页面的门面,会直接影响UI的美观程度,所以图片选择很重要。我一般找图片的网站就是国内的摄图网,不用搭梯子,挺稳定。
2.这个页面的布局是一分为二,上下均分,有一种干净整洁的感觉,利于信息快速传达。斜切画面有两个坑,那就是斜切的角度与斜切点。角度的话,此页面是10度,可以先画一根线然后旋转10度。由于上下均分,所以调节的时候需要注意,一不小心就会调节出上下不均等。
3.字体,这次用的英文字体为Titillium,有些复古的感觉,字体很完整,样式也很多,用来做标题和正文是个不错的选择。需要注意的有,正文的字体颜色不建议用黑色,可以从图片中选择较深的颜色继续加深,这样的颜色和纯黑有很大差别,可以更好的提升整体的一致性。行间距也同样重要,建议1.5倍或者1.75倍。
4.右边的+按钮,渐变色可以参考颜色搭配的网站和渐变色的网站http://uigradients.com/#Curiosityblue。弥散的阴影颜色也可以从图片上选取,和字体同理。阴影的范围要稍大,不然感觉会很硬。
5.头像的选择,以简洁为主,不应有太多的修饰,突出主题即可。头像不可太小,间距要适中,(参考iOS的设计规范,最小点击区域为44px)考虑到可交互性,用户可能点击访问者的头像以获取更多的内容。
6.下方标签,作为收尾内容即使是小小的标签也很重要(有始有终),大小与颜色决定着整体布局,最后一个标签有着延展的作用,告诉用户“点我查看更多”。
总结:设计不是一昧的追求好看,更重要的是考虑用户体验和可交互性,这是我们每一次在做设计时应该思考和重视的。

这不仅仅是一次练习,也是自己对设计的热爱和尊重。
我就是想试试,坚持下去会发生什么!?
公众号?我也有的,来呀来呀~
微信搜索:andfishsj

网友评论