![](https://i.aoweibang.com/img/SF8YN6kwAOOgQ8y4ifcm0YGuYgwoU1bOKFZkgDEK_A_iFNw0tWUJZ35ZMt30c27aLVieVsJA77oFG4kW6GqjEZonNZCzkvbImh9SUZTN5hTF90-e5_c5PHKeO49BPGTdmDWH-jYaN18x-xQRA7EzjMM2vPPNg64mpRgJg9YZE3-cf6o-ZcL4j-0RhO5i97JKnShs3NI-6lxfCHzx11exZg/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-Waqqr4DWQ9_NR9bXVwTvUDenYasAMfyNC57vYDvnV-AHkB0oclkmRuKX9t_N4MNW2fr5FlKm36ZQei9Ot7rUYFLuX_tLXbvvRJ2aKVQHT9dMZ7robktNuH29wEg3Ny3Drg/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WaRlmumOfWe9mopHcBWgLHgOi17sCHvmOFiUDhdCwjNrSjwB2WOnedZo5d0RIZMvNKvTe65cN9kEGfgj9XPDYGaBhQYgUjAEKER3dG1u8luOC2qFS6muRvxfgWiyXfhMcg/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WRDBKyIOuOJ0_WfU07kEWI06w1ZWADmVfE84pYxA-HinwodtHMQU_0PKsPY24HI8kylSpbgTu4ZrA2KFWvD0BuOBhQYgUjAEKER3dG1u8luOC2qFS6muRvxfgWiyXfhMcg/awb.jpg)
![](https://i.aoweibang.com/img/6-x9yhhPD0wCQO1c8ip7JoS3lyql4NpllNdip0vC94H231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WRd87fXEHKOlLueqR5PKLcc5FFoGokoPWMppO16R7ZubcLOqMgmDV6bzPo6S8aR_aBxzcPcolhPsPlkFt-03S0tiDGb5vzlCSobUwEK3rtBdsUkZ3OEHdZGYpeGnzstuZA/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WW5mUsZpOBecDiPwWaR3CdsyPEkymvmUxuC0NtCLoAESMpU305cNbcaOEakxxR6ZC6AIExcZs_uDI61cgiZZ42mVGaRAZceWfX-5_3v5rB9CwFNEbipZRYpx6Nx43RN51g/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WYRtiBTJPvGg16MQEJxGQAlZNWlI0Zc9yKmM_JXNjD8trEwRPVgl4OmIZyc8xjz8nPzhDQe3WilK6PPPBWfBt8GSkONadMgWk1vhDooWCMmy3xQMTjd-VYXrSmjPLMK6LA/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WaoK4BHhlwpg_2FpD_dXPxwk9zQ8go42OuBCuqIjktYRjiBkoezgp_E39gIJLeiIjvWSxlYyBywAzAbonIWWtiYLNNUp-Mh1xM6SPMXS8NZxt0vQ_QbTJXozGYZ7jvYOlg/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-Wd2C12GeZhbHfwZrar9Ags8CXnts5DVsD3-lFs_SJz267ZuIGCCCrVGkr0laJ3HDvzSwcnTVk1qp9mTI_Cb6WogLNNUp-Mh1xM6SPMXS8NZxt0vQ_QbTJXozGYZ7jvYOlg/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WTPy-g77-49aXagqgi0fyLIUz2DkHkU21YnZ_Pf-udkMYvmAIrkSFMnNL6C27fnfVWULat8cr7ml2T9ekY9a53juX_tLXbvvRJ2aKVQHT9dMZ7robktNuH29wEg3Ny3Drg/awb.jpg)
去除杂色。除了黑白外,最多加一种颜色,用来识别app,我们称之为主题色。简化Color Scheme能够提升用户体验,如果太多的颜色会使用户lose focus,首先定义color schme来说,对于初学者来说特别重要。产品层面讲,App是不断地去抽离核心功能,并且突出价值所在
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-Wfr8rRY3JeoMJi3_PJrJGNBIxmzIFOabUmqr1ULtLC8l_K1EuArCscfqxs6tiiRX8KEq-UsvzcK7XF5AFY9z0fruX_tLXbvvRJ2aKVQHT9dMZ7robktNuH29wEg3Ny3Drg/awb.jpg)
One typeface 混用几种字体是App设计的大忌,一个应用中使用了多种字体,看起来非常的散乱和马虎。通常来说一个app中,只用一种字体。我个人喜欢Avenir系列
![](https://i.aoweibang.com/img/6-x9yhhPD0wCQO1c8ip7JoS3lyql4NpllNdip0vC94H231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WY5v-kSk1ilT6BsLVkBA-rUoMbvOhJtaBr9Kn1Igi57vLZX3FLWUUBtXu53BdLX5_lM3BqvLDdCg9W2KB8jl2euE_lo7AjovTDimDpgbGcq-DZCy6dRdQG9UP97jtyRPBQ/awb.jpg)
标题字号 标题字号变大,变粗。 标题是否需要变黑还是要根据Context来调整。
![](https://i.aoweibang.com/img/6-x9yhhPD0wCQO1c8ip7JoS3lyql4NpllNdip0vC94H231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WbFf5mt6DA68tpfRz9aMo5qiW_xCUuxsDqO_MdPZZ-TbHd5PFgwQ9K3kmXjyTuBa9W-s07hbqJxIDW-c3Hp3SdjtzTyQ2ixI2ufVAQe9UngiL1lRTHe1xWigpfd8mxIP-A/awb.jpg)
Icon Icon的利用可能更加谨慎。我见过许多Junior designer 并不在乎icon的粗细程度,不在乎是否是solid,只用font awesome的字体,说真的,真的不好看~ 由于现在的智能手机屏幕都是达到了视网膜程度,所以icon设计来讲,它的border的粗细完全可以只用1pt或者1px来定义了。 这就是为什么Icon要做到简洁,纤细。对纤细有兴趣的,可以查看中国古代皇帝最高艺术家,宋徽宗的瘦金体。 如果哪位老板对Icon的设计有疑问的话,可以在我们的公共平台留言哦,我们会免费解答。很好的利用Icon能提升手机app不少层次。
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WQFV2joZ-AW6k0acaREABDoeKcKf6WriBq6CCWxJntULeTaO60CFTDPRaxrEcBvW39XhUidqaucPQOKoHOoXfmPFCLPYGX6Cc5ogTKC6Y9Hn40aQqdRDoE6AQr3bW9WiDg/awb.jpg)
![](https://i.aoweibang.com/img/6-x9yhhPD0wCQO1c8ip7JoS3lyql4NpllNdip0vC94H231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WXwh3iEXvkLV9JQEOUUzGAMw4ZqM5d24S1upxaT7lsh3u7uajogSd_99rmjPMGLFfqlGb-GwevjEGgLXr7hhYL-E_lo7AjovTDimDpgbGcq-DZCy6dRdQG9UP97jtyRPBQ/awb.jpg)
留白 留白一直也是我们提倡的,就像自己的家里的软装不能填满,需要留出空间一样。大的留白区域不会使设计显得压抑。如果不喜欢留白,那就移步去智联招聘的网页:) 使用留白代替线条来区分元素,更少的线条和分割线能够让我们的页面看起来更加的干净,现代化和功能突出 Blur Effects 和Shadow 模糊效果在ios7之后大量的出现,在扁平设计中,能够增加UI的层次感。比如雅虎天气
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WQCpT4gYXHbkpr3j1mC3ur-_OaDx2jIOtfjsNFO0sNGUP-n_8DhDw-LL3pVg8GMfB1W1X7p3Tre7jejoBLP_8T2SkONadMgWk1vhDooWCMmy3xQMTjd-VYXrSmjPLMK6LA/awb.jpg)
闪亮的APP图标 可以参考Instagram和Uber的logo变化,由于Logo设计本身过于复杂,在此就不做赘述
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WeQfCTlyMX-ujCRaRNuxRm1Dd8fVaODj7-Lv8cymL3jlKijUXEsLkA2Ohv0cQX6CQT4OMGyjcaIvDfFAu1Gj03vuX_tLXbvvRJ2aKVQHT9dMZ7robktNuH29wEg3Ny3Drg/awb.jpg)
Consistency UI基础概念,下图应该一目了然
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9X231jB-Opwt2v4LGVN4yNt8ChbNY314iyMSwXb9oA-WXHxHZv9nPVgNGM4SKQHT5kkG5ZbdZQPkNx9TL3BgyPPUMm7mCT6kysqwnO27uSgP4jYgAhBZ9w9BS7GnnYBaPULNNUp-Mh1xM6SPMXS8NZxt0vQ_QbTJXozGYZ7jvYOlg/awb.jpg)
![](https://i.aoweibang.com/img/phaMrmvpFH77dh2jMjfPkgc_uoVtZeEu35mqDnUJN9WiIVT4MpsfEMehunlvlqZdOFzXoXZpYrXjnXwYzaY_mRHK23Jqmjw1upuSMbYAaYARGQwqc1cqjtSP-BWbjJ2wFHS8EQAzR8WrjRArD4laGjApc12eJOmGjHuInbJ1K_CSkONadMgWk1vhDooWCMmy3xQMTjd-VYXrSmjPLMK6LA/awb.jpg)