中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：支付寶作為一個(gè)國民級別的應(yīng)用軟件，它的很多設(shè)計(jì)都對其他產(chǎn)品有借鑒意義。本文作者將從默認(rèn)頁配色、設(shè)計(jì)、slogan和海外產(chǎn)品的UI幾個(gè)方面，對支付寶進(jìn)行分析，希望對你有幫助。

一、slogan

“生活好，支付寶?！边@是支付寶在2019年7月推出的新slogan。

一般出現(xiàn)在啟動頁或者首頁，時(shí)長5秒內(nèi)，方便內(nèi)容的加載。slogan一眼就能讓用戶知道這是什么，尤其是在APP下載應(yīng)用中，方便用戶識別清晰的知道這產(chǎn)品適不適合自己。從slogan看出功能特點(diǎn)是支付。

字?jǐn)?shù)不超過10個(gè)字，讀起來比較順口，口語化。中間有停頓，有抑揚(yáng)頓挫的感覺，沒有發(fā)音太難，或不理解的詞語，再加上短短幾個(gè)字清晰的描述出支付寶的作用；同時(shí)“好”字和“寶”字的發(fā)音中都帶韻母“ao”,韻尾相同也就使得標(biāo)語口語化字節(jié)清晰，讀起來朗朗上口，所以容易進(jìn)入潛意識，被用戶記住。

比如：今年過節(jié)不收禮，收禮還收腦白金；恒源祥? 羊羊羊

字和詞語比較積極正向。生活是個(gè)有趣的詞，對富裕的人說生活，他會感覺到舒服，對貧困潦倒的人說生活，他會感覺到不舒服。再加上后面補(bǔ)上了一個(gè)好字，就形成了雙重肯定，把富裕人對生活感覺更加正向化了，把貧困潦倒的人對生活感覺也正向化了。

第一句：要…..? 就….

第二句：一怎么樣，就怎么樣

這兩個(gè)句型是心理暗示句。換句話說，要想生活好，就用支付寶。然而多余的詞語被精簡掉了，但是讀起來的暗示感覺卻沒有減少

二、界面設(shè)計(jì)

首先我們進(jìn)入支付寶頁面，選用的是組合式導(dǎo)航形式，是由于功能強(qiáng)調(diào)的力度（商業(yè)目標(biāo)、范圍）、入口數(shù)量、用戶調(diào)性、所占屏幕空間要素決定。

第一部分（整體看）

用戶打開APP看到的是黃金分割點(diǎn)0.618的位置，這12個(gè)入口是阿里巴巴自己部門的模塊。圖標(biāo)用了多種顏色，這些顏色在色相圈的位置相同，所以整體看上去會感覺舒服，通過背景色和圖標(biāo)顏色的對比，讓它變得醒目。圖標(biāo)的排列順序按用戶使用頻度放在了上左位置，頻度較低的放在了右下位置。

12個(gè)入口通過一致性來體現(xiàn)整體：

• 圖標(biāo)大小一樣
• 圖標(biāo)造型設(shè)計(jì)是圓形和棱角圓潤的方形
• 圖標(biāo)間距統(tǒng)一
• 各個(gè)圖標(biāo)內(nèi)容元素內(nèi)用了白色
• 位置是通過色塊來表明，上面的藍(lán)色色塊，下面的是白色色塊

差異化：圖標(biāo)細(xì)節(jié)體現(xiàn)了差異化，其中電影演出圖標(biāo)右上角有紅色字體既體現(xiàn)了差異化又體現(xiàn)了商業(yè)利益

第二部分（搜索框）

1. 顏色是藍(lán)色和白色形成對比，整體看上去醒目。
2. 搜索框根據(jù)用戶使用習(xí)慣放在了中間，搜索按鈕用淺藍(lán)色突出差異化
3. 功能：掃一掃，付款、收錢、出行、卡包 按照用戶的使用頻度依次橫排
4. 卡包左上角的小紅點(diǎn)會促使用戶去點(diǎn)擊
5. 左上角放了地點(diǎn)元素和天氣元素。天氣是重要的一個(gè)元素，用戶會想要不要加衣服，要不要帶傘。支付寶是一款支付平臺，對于經(jīng)常外出的人有時(shí)會不知道自己在哪里，在生活當(dāng)中有時(shí)用戶會多思考一下我在哪個(gè)地方，而支付寶在生活中經(jīng)常使用，地點(diǎn)元素放到了用戶使用頻度高的功能附近，晃一下就能看到地點(diǎn)元素，用戶在生活中少了思考地點(diǎn)，就會增加產(chǎn)品在用戶心中的好感，再加上大多數(shù)APP是沒有顯示地點(diǎn)這個(gè)元素，可以與其他產(chǎn)品形成差異化 。

第三部分（活動）

一些活動，增加用戶粘性，平臺的豐富度。用了輪播圖的形式利用了面積，廣告內(nèi)部的圖像會動 提現(xiàn)了差異化。

第四部分（第三方平臺）

• 大多數(shù)產(chǎn)品都會加入購物的模塊，哪怕不是一個(gè)購物產(chǎn)品都會加入購物模塊這是因?yàn)樽層脩艨梢粤粼谧约旱漠a(chǎn)品里購買東西，而不去考慮其他的產(chǎn)品的入口，長此以往往會慢慢的占領(lǐng)用戶的心智。一想到買東西就會想到支付寶這款產(chǎn)品，一想到交水電氣費(fèi)就想到支付寶，長期發(fā)展，產(chǎn)品會長期的生存下去。
• 由于用戶需求和商業(yè)利益位置都占了位置，第三方平臺就通過面積增加與圖片顏色和背景色對比來變得醒目。內(nèi)容有大圖，大字配小字，口號，價(jià)格等。圖片面積占底圖40%最醒目。
• 圖片有立體圖，平面度，線狀圖，根據(jù)適合用戶需求的算法推送相關(guān)產(chǎn)品，這些圖片會照顧大局來排列，并不會全部是平面圖，立體圖等。第一排第三個(gè)圖，是按字體顏色提現(xiàn)差異化
• 價(jià)格是用色彩比較明度比較高的顏色提現(xiàn)差異化，有些圖片通過打折提現(xiàn)差異化
• 口號是“能省一點(diǎn)是一點(diǎn)?Ⅰ?由淘寶提供服務(wù)”。大多數(shù)用戶都喜歡占便宜，打折會獲得用戶好感。指出了商品是由淘寶提供，增加了用戶的安全感

三、海外產(chǎn)品UI對比

整體看上去，一塊精致、貴重的毛玻璃。背景模糊，給出的人物既不是像運(yùn)動員那么很難觸摸到，也不像弱弱的人，而是大家付出努力都是可以達(dá)到的提題型。背景上面的內(nèi)容是實(shí)體，在美學(xué)上會有立體感。色彩搭配是紅黃藍(lán)，紅綠藍(lán)，在“Sport Status” 模塊藍(lán)色旁邊有羽化顯得有科技感。

造型是飛機(jī)的玻璃窗，看上去會讓人帶入到場景里去。窗戶造型占比1/3的面積切割，其余面積上的功能、元素采用扁平化設(shè)計(jì)，層級低，不需要用戶多點(diǎn)一層。在中間有界面1/2的面積切割，體現(xiàn)立體感，并且焦點(diǎn)會集中在窗戶區(qū)域。

卡片滑動，符合物理規(guī)律。

整體是采用矩形，大多數(shù)APP也會采用矩形，矩形能容納的東西最多。底部4個(gè)模塊，用了不同顏色，一般顏色不超過3種，但它的色彩用的比較巧妙，色相雖不同，然而在色相環(huán)中是屬于等距的顏色，所以看上去會有和諧的美感，加上4個(gè)模塊整體加上了斜著的蒙版，提現(xiàn)了一致性。4個(gè)模塊分開看，是一個(gè)整體。4個(gè)模塊整體看也是一塊整體。

模擬的是日本飯館翻牌子的場景，符合物理規(guī)律，動畫流暢。

模擬翻書，國內(nèi) Flipboard 也是采用的這種形式。

國內(nèi)的大多數(shù)產(chǎn)品的UI都不太滿足一致性與差異化。由于大多數(shù)國內(nèi)產(chǎn)品在設(shè)計(jì)模塊的時(shí)，各個(gè)部門按自己的想法來設(shè)計(jì)，不考慮各個(gè)模塊放在一起時(shí)的整體一致性，當(dāng)所有模塊放在主頁時(shí)，看著就會感覺到亂，盡管做了色彩搭配的一致性，視覺上有和諧美感，然而距離標(biāo)準(zhǔn)還是有一定的距離。

本文由 @汪仔3572 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議