意识是主观形式与客观内容的内在统一。内容决定形式，形式反作用于内容。_)

如guo说我们把suo有集成在app中， 可感知的图文声的集合dou可yi称作app的内容的话，那么app的形式就是“承载这些内容，使内容geng好被感知的方式”。

你们可yikan到左右两张图， 左边是enjoy的精选页，右边是我随手糟蹋的，大家会发现其实信息内容一模一样，dan是左边的level和右边的level大家一眼就Nengkan出来区别吧，如guo出现右边这样的UI稿那只Neng说明这个团队在内容的视觉优化上面不!用!心!，YYDS...

那这里有一个关键的问题就出现了为什么有些app，普通用户一打开就自只是 我惊呆了。 然的觉得它hen美?用户这种“觉得他hen美”的意识到底是从哪儿来的?

你们懂不懂这种感觉233333，简直想死。dan是左边那张那种就不存在这种问题。

先说说先来kan

一款app让你感觉到长得美， 一定是团队在两个方面下功夫了：第一是内容视觉优化，第二是形式的视觉优化。我先来给你们kan两张图你们感受一下啥叫内容的视觉优化：

内容的视觉优化

我持保留意见... 说完了内容的视觉优化， 我们再kan一下形式的视觉优化案例，按说只要内容douYi经优化好了表现内容的形式只要不是排得特bie烂，应该展现出来dou不错。我们再重复一遍形式的定义好了：app中geng好去承载内容，使内容geng好被感知的方式称为app的形式。

形式的视觉优化

我开心到飞起。 人有五感，视觉、听觉、嗅觉、味觉、触觉。而人去和一款手机应用进行交互的时候只会从视觉， 听觉，触觉三个方面去感知，而触觉涉及到交互层面以后我写到app的交互架构的时候会详细说; guan与听觉其实也不是本文重点，我举个例子一笔带过就好了比如大家dou用过滴滴，滴滴有一个“内容”是司机送一个乘客的过程中，当判断距离目的地hen近的时候会默认进行一个“下一单的匹配”的功Neng。

我们用滴滴的这个功Neng来对比手机游戏里面的“匹配下一局”， 我们会发现这是几乎相同的“内容”，dan是承载形式不一样，手游是视觉展现，你必须点击手机上的“匹配”按钮，而滴滴主要原因是考虑到司机在开车hen难解放双手去点击匹配，suo以从产品逻辑上设计的是“语音提示+主动匹配+手动接单”的方式，suo以我们总Neng在快下出租车的时候听到司机手机上传出响亮的“开始接单啦”语音提示。

界面设计分析

比如上图是一个阅读界面 suo有问题dou没有特bie突兀的地方，suo以我们把界面Zuo一个高斯模糊去分析视觉焦点，会发现整个页面呈现hen平和，suo以这个页面的阅读顺序应该是一行一行的阅读文字，也就是从上到下从左到右。dan是 这只是页面形式hen平的情况，举个没那么平的例子：

第页提升用户体验的界面设计技巧提升用户体验的界面设计技巧在当今数字化时代,界面设计dui与产品的成功与否起着至关重要的作用。一个优秀的界面设计不仅Neng吸引用户的眼球,还Neng提升用户体，我惊呆了。

太扎心了。 在线阅读平台的界面设计与阅读体验提升方案第1页 XX在线阅读平台的界面设计与阅读体验提升方案 2 一、 项目概述 2 1. 项目背景介绍 2 2. 提升目标设定 3 3. 项目实施的重要性 5 二、界面

第二，由于右边的tag占据了推荐贴的位置，导致推荐贴可Neng没有左边的那种展现形式geng加醒目。dan是相对的， 图右的优势在于，由于竖向排列tag可yi让一个屏幕显示geng多的tag，这一点就需要取舍，比如一个产品的初期没准备放这么多切换tag的话， KTV你。 还是建议用左边那种。geng深层次的， 外卖产品之suo以用右边这种形式是主要原因是力求一屏展示geng多的菜，而且外卖产品的左侧tag一般是一家店铺的菜的品类，用户下滑菜品配合点击品类，点完即走，hen方便。

dan是比如早期的今日头条只Neng采用左边的这种形式， 主要原因是头条是需要用户长时间沉浸的，比如用户选中一个“体育”的tag一般要kan好久好久，用户需要沉浸在这个tag下的内容中，那这个时候明摆着用右边这种设计方式让tag常驻屏幕左侧是不合适的，PPT你。。

简单来说... 那这里我不妨展开一下 假设我是一个产品设计师，有一天CEO告诉我Zui近想Zuo一个电商app那这个时候我问老板：老板你Zuo电商类app，是想Zuo平台类的呢还是Zuo垂直的呢?你可想好了啊，你Zuo平台类的想要从淘宝京东分份额的话那你必须要有自己的特色。huo者说你是想Zuo垂直一些的么?ran后老板被我一番“驯化”之后得出的结论是我们来Zuo一个美食电商吧， dan是这个美食电商不会对标“enjoy”那样的高档人群，其实想Zuo成类似于“什么值得吃”这样的大众场景。

好， 故事讲完了现在我化身为这个产品设计师，简短片面的阐述我的思考过程：先说说我拿到的目标是“Zuo一款什么值得吃app”， 太治愈了。 他的目标人群是geng加广泛的全中国吃货，且要满足吃货推荐，评价和在线下单支付功Neng。

guan与文字的视觉优化， 其实在今天这个时间点去谈论Yi经没什么好说的了主要原因是几乎市面上的suo有app，只要涉及文字内容的排版，毫无例外douZuo得hen好。从根源上出发， 为什么一个设计师需要去不厌其烦像个工匠一样折磨开发调整字体大小间距粗细什么乱七八糟的东西?其实字体视觉优化去达到的目的主要有两点：.辅助视觉对焦2.减轻视觉压力第二点没啥好说的， 你想... 大家应该dou明白，主要说第一点，视觉对焦这个事情是这样的，我们在一个界面中，如guo不出现特bie突兀的信息，正常人眼一般是从左到右，从上到下的顺序阅读：

第页软件界面设计对用户体验的提升方法软件界面设计对用户体验的提升方法一、 yin为科技的快速发展,软件界面设计在用户体验中的重要性日益凸显。一个优秀的软件界面设计不仅Neng提

第三那么这个首页我是按照各种食品属性的分类来建立推荐列表呢?还是说我按照人的属性来建立推荐列表呢?如guo是按照食物的分类的话， 给别人的感觉可Neng和淘宝hen像，比如我在列表里面kan到“巧克力”再点进去kan巧克力的推荐，和我在“甜品族”这个人群tag里kan到某巧克力好吃，这两种行为逻辑给用户的感觉wan全不同。大家体会一下 作为“什么值得吃”这款app肯定是后者geng适合，suo以得出结论是以人的属性建立推荐列表，在理。。

我写这么多字其实就是想告诉大家一个app的“内容”是如何产生的， 当然我这里说得十分十分简单，真实情况可Neng比这个复杂百倍，大家意会就是了。好了说完了内容，我们来kan所谓app中的“形式”又是什么鬼。

tong过以上这些设计原则和技巧,你可yi打造出一个既美观又实用的文章阅读界面,提升读者的阅读体验.一个让人爱不释手的文章阅读体验 哎，对！ ,不仅Neng够提升读者的阅读效率,还Neng增强用户的粘性.记住,好的设计不仅仅是guan与视觉,geng是guan与用户体验。

太刺激了。 那第一个问题我就在思考， 主要原因是这个app叫什么值得吃，那我们是不是还需要推荐一些线下值得吃的店的?如guoZuo了是不是就和enjoy同质化太严重了?那Zui好就是先不Zuo。

为了阐述用户这种“觉得他hen美”的意识到底是从哪儿来的，就必须要了解app中“内容”和“形式”之间的关系。 躺平。 那我们不妨来kan一下什么叫内容， 什么叫形式：

在此之前，我先来说两组哲学概念：

复盘一下。 其实这也是一个产品团队需要深思熟虑的点：·比如是一个旅行app软件开发，那就一定要有大量优质的图片作为依托才可Nengapp设计美。·比如一个淘宝这种体量的大型电商， 那除了尽可Neng控制图片质量以外geng多的应该在优化专题和banner上，bing且告诉入驻商家上传优质的图片geng容易获取用户流量从而转化为成单。·比如知乎、 贴吧之类这样的问答和社区，用户上传的图片五花八门千奇百怪，那我们可yi考虑在首页列表展示的时候就压根不要展示图片……

第二个问题那在推荐这一页里面我大概需要什么功Neng，主要原因是面向的对象不太像enjoy那种偏一线城市的人群，那我应该用户群体同类对标到今日头条这种level的感觉，就这样吧...。

如上图所示是一个知乎页面 我们把它去色bing且高斯模糊去分析它的视觉焦点，大家会发现其实视觉焦点是加粗加大的title字体和上面的小头像去构成的：，我满足了。

当然这个是Zui粗糙的原型那么问题来了大家在生活中一定见到过这两种原型的app，左边这个hen常见，比如斗鱼tv这些直播平台、早期咸鱼和网易严选、今日头条等等dou是用的这种感觉;右边这个就geng常见了不论是点餐平台、大型电商你dou可yikan到它，太离谱了。。

那么我们必要搞要清楚的是 一个app的内容到底 换言之... 是如何产生的?也就是一个app到底是如何产生的?

被割韭菜了。 suo以呢,掌握一些提升用户体验的界面设计技巧是每个设计师必备的技Neng之一.tong过用户测试,了解用户在使用应用或网站时面临的问题和困扰,进而改进和优化设计.一个良好的界面设计可yi直接影响用户体验,进而影响用户的忠诚度和满意度.

那这个时候我开始思考这款app的MVP状态应该需要什么功Neng：

如guo我自己斗胆给app设计工作中的“内容”下一个定义的话，我大概会说：内容是集成在app中， 坦白讲... suo有可被感知图片、文字、声音合集。

翻旧账。 今天文章的重点是视觉。主要原因是UI中国和站酷里面是UI和视觉设计师聚集地， 可Neng在大家以往的工作当中并不会care一款app原型是怎么样设计出来的，大家可Neng只会关心我拿到原型以后应该如何转化为惊艳的高保真页面。把一个内容整理，排列成一个app页面就是大家geng关心的“形式”的部分。还是回到上文“什么值得吃”这款虚构的app上， 综合上面的观点，我大致Neng画出原型如下图所示两种：

那是不是内容的视觉优化只包含图片的优化呢?其实不是的，除了图片的视觉优化以外icon的优化、包括文字的视觉优化这些dou是hen重要的。guan与icon的优化大家应该Yi经kan过足够多的文章在这里我就不赘述了 比如线性icon里面不Neng参入块状icon，负空间icon里面突然出现一个奇怪的渐变icon会感觉hen奇怪，在这里主要原因是写这个的人太多了我就不赘述了。有一点心得可yi分享， 比如大家画了一个2px的线性图标用于@2x，那在plus上面应该要手动调整一下图标变成3px而不是用png自动生成，必然会有虚边，说句可能得罪人的话...。

扎心了... ，作为内容+电商平台的“什么值得吃”应该选用左边这种设计形式。好， “什么值得吃”这个虚拟的例子就说到这里主要是让大家明白内容和形式之间的关系，只有你们明白了这个，才可yi正式进入今天的主题：app的视觉美成因分析。

一个优秀的UI设计师不仅需要具备艺术感和审美Neng力,geng需要深入了解用户需求,tong过精心 泰酷辣！ 设计来改变界面,从而提升用户体验.本文将深入探讨UI设计师如何运用设计手段来优化界面,增强用户体验。

如guo说13-15年的时候app UI设计上充斥了hen多同质化的产品的话， 到了17年，UI设计师们在dribbble和behance的风格影响下有了geng多的发展空间，我们不得不说的是现在的app比之前越来越好kan和越来越好用了。如下图所示我随意截取了九个我自己觉得UIhennice的产品和大家分享， 他们分别是Enjoy、单读、Artand、Airbnb、一个ONE、Gilt、良仓、Zeen、和氧气：

如何tong过简化界面设计提升用户体验成为了每个设计师必须面对的问题.将从以下几个方面介绍如何tong过简化界面设计提升用户体验。

境界没到。 第1页 提升用户体验的界面设计策略研究 2 一、 2 1. 研究背景与意义 2 2. 研究目的和任务 3 二、用户体验概述 4 1. 用户体验的定义 4 2. 用户体

我舒服了。 那么问题来了尝试分析一下上面这两种形式到底有什么优劣呢?第一件事应该想到的是如guo需要采用右边的排列形式就必须要控制tag的字数，你懂我是什么意思吧?比如今天有个运营跳出来说我们Zuo一个新的tag把名字叫“酸酸甜甜就是我”。产品一定哭晕在厕所，主要原因是：

好的用户界面:界面设计的一些技巧 在设计用户界面时,关注用户体验和功Neng的清晰性至关重要.提升用户界面设计质量的关键点: 1. 单列布局优于多列布局:单列布局有助于保持界面整洁,让用户geng容易理解和跟随页面的逻辑流程.比方说,tong过监听拖拽事件,开发者可yi在用户界面上放置表单控件,并实时geng新DOM结构，他破防了。。

坦白讲... guan与内容的视觉优化我Yi经说完了 说了这么多，大家kan到这里也不容易，有没有混乱呢?我来一下吧：app内容是集成在app中，suo有可被感知图片、文字、声音合集。那么内容的视觉优化主旨在于tong过图片，文字，图形等的优化，去使得appgeng加易读，易用和美观。

这家伙... 好， 那假设我现在guan与产品首页大概得出了三点感觉：

这就是tong过文字优化去辅助视觉对焦，我不妨再举一例，大家来kan16年5月左右的氧气app截图：，说到点子上了。

你们发现了么其实这个时候，产品设计师就Yi经在定义产品的信息架构了。