这是小新智媒的第28篇文章目前对新闻类App的用户界面设计及产品可用性的研究常划分为四个评价层次，由低到高依次为：有用、可用、易用、友好其最高层次体现为在符合简单合理的设计原则的同时体现界面设计的舒适性，让用户在使用中感觉到愉悦。
无处不在的黄金分割设计领域肯定回避不了黄金分割定律，优秀的App设计经常将黄金分割运用的淋漓尽致，用户无意中就对这一类设计产生了亲和感新闻类App打开后的第一屏给用户的印象很可能会影响到这位读者的去留，所以首屏的界面设计特别重要，糟糕的首屏设计会形成用户继续点击新闻查看新闻内容的阻力。
伟大的毕达哥拉斯用数学方式把黄金分割比例表达了出来 BC:AC=AC:AB=(√5-1)/2 ≈ 0.6180339887…… 经过了2000多年的运用与验证，该定律被广泛用在建筑设计、美术绘画、书法、摄影、设计等领域，足以验证其巧妙之处。
绝对黄金分割比例的是一个无限不循环小数，也意味着没有人能完美的找到那个点。不过这并不影响艺术家、设计师追逐它的脚步。01整体运用黄金分割比例
图2 视觉分割后较短部分与较长部分采用黄金比例设计
图3 Banner与下方元素的黄金比例设计
图4 未采用黄金比例页面显的重心失衡信息展示效率较低
图5 优雅的分享功能的界面设计同样遵循了黄金比例设计现实场景中由于元素分割并不一定是单纯的线条，所以黄金分割运用也会有一系列的变通方式，比如构图中常用的三分线法由于三分线法比较容易实现，在界面元素不是单纯的线性时使用效果和黄金分割法接近，且易于衡量。
将两种设计方法重合，灰色区域就是目前常见的区块分割方式（图6）。
图6 常见优秀设计中的分割线区域图7中看似是三分线法布局设计，但界面感觉存在失衡之处令人不适，经过标尺测量，此设计既不属于黄金分割也不属于三分线法，之前的不适感也就找到了原因图8乍一看是类似于图7的设计构思，但界面直观上较图8的设计有不少提升，测量后发现该界面的视觉重心区域与周围区域的比值为 0.385 /(0.233 + 0.382)≈0.626，也是利用了黄金分割比例的设计思想。
图7 假装是三分线法设计
图8 黄金比例分割的另类运用02细节运用黄金分割比例
图9 新闻列表中的黄金分割设计新闻列表采用三分线法进行图文布局的设计（图9），充分利用文字和图片传递新闻信息，并且保持了黄金比例设计美感仔细研究后，图片的宽和高比值也是符合0.65 : 1的比例，也是三分线法的设计，在这么小的一块区域运用两次黄金分割设计，使得细节协调性很出色。
图10 另类三分线法设计同样是三分线设计（图10），由于图片区采用了破坏性的1:1的方形元素，使得界面比例感失衡，且影响了新闻列表在垂直方向的信息展示效率一个小小的比例细节使得信息展示的效果和效率都打了折扣。
从目前数码相片比例、手机屏幕比例、视频素材比例三方面的大趋势来看，正方形和接近正方形的元素设计虽然给人稳重严肃的感觉，但已经不是屏幕端的最优选择了新闻类App对应的阅读体验评价分为类似四个层级：1、有价值
内容有价值是新闻首要具备的因素，是用户阅读新闻最基础的需求2、可读性文字、图像等内容可清晰且合理的展示并能传递有效的信息3、可被快速识别内容具有合理的视觉呈现、流畅的交互功能即避免复杂的识别行为，减少用户在单一内容上停留的时间。
4、阅读过程轻松愉快具有良好的视觉氛围，帮助用户进入并保持阅读流不中断使读者轻松进入“沉浸式体验”不难看出，良好的界面设计可以提高新闻App的可用性，提升用户体验小新智媒©出品撰文 | 冯恩达编辑 | 吴铭秋
点击以下 关键字 查看往期精彩内容技术债：比BUG隐蔽却危险的多智能语音播报，能否引领新一轮媒体变革？区块链究竟是什么，如何助力传媒？
点击“阅读原文”，浏览今日「新华日报」
亲爱的读者们，感谢您花时间阅读本文。如果您对本文有任何疑问或建议，请随时联系我。我非常乐意与您交流。
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。