一、 WordPress APP 的屬性分類

  我們先給 WordPress APP 分個類,為什麼需要登入註冊?因為 WordPress APP 需要您的個人資訊啊。這樣才是一個留存下來的多使用者,而不是來一下就走的過客。 WordPress APP 按註冊登入必要性分分如下三種:

  種:無需登入

  直接使用 WordPress APP 的功能,主要是工具類的 WordPress APP, 如日曆、計算器,手電筒之類的 WordPress APP,不過現在這樣純粹的 WordPress APP 幾乎不存在,因為沒有多使用者留存的 WordPress APP 就沒有價值啊。沒有經濟價值就活不下去啊。所以市場上沒有這樣的活雷鋒了,都被系統應用取代了。而工具類的 WordPress APP 為了不被系統應用取代,就想辦法提供一些個性功能吸引多使用者註冊。

第二種:非強制登入

主要是一些資訊、生活類應用,如:網易新聞、網易雲音樂等;次啟動 WordPress APP 的時候既可以選擇立即註冊,也可以選擇不註冊,直接進入 WordPress APP 的主介面。多使用者無須登入可以使用部分功能,如果需要解鎖某些功能,就必須登入啦。比如聽音樂想根據您聽歌習慣推薦歌曲這樣的個性化功能。

  第三種:強制登入

  這類應用具有很強的個人隱私熟悉,比如支付寶,您的錢袋子不能讓人知道您有多少錢吧,比如陌陌,您近約了誰也不能讓人知道。還有淘寶,近買了一些不可描述的東西不能閒雜人看到。所以這些和錢和隱私有關的音樂都是強制登入。不登入您是不可以使用這個 WordPress APP 的。

  二、註冊登入的四種方式

  理清楚哪些 WordPress APP 需要登入後,那麼我們開看看註冊有哪幾種方式?

  種:手機號登入註冊

  一個介面就完成了登入或者註冊的過程。透過手機號驗證碼快速註冊或登入,這應該是目前高效的登入註冊方式了。如果是新多使用者直接透過手機驗證碼註冊,老多使用者也可以透過驗證碼登入。登入和註冊一氣呵成。多使用者甚至不需要記得密碼,只要手機在手,就可以無憂登入。

  第二種:多使用者名稱稱密碼註冊登入

  註冊和登入是分開的,簡單的說就是登入和註冊介面是兩個介面。優點就是多平臺登入的時候有多使用者名稱稱密碼方便些。缺點就是註冊流程繁瑣啊。介面表現形式如圖例 B 多使用者名稱稱/郵箱登入,如果需要註冊點選跳轉新頁面。國外多使用者是挺喜歡用郵箱註冊的,總覺得老外的多使用者習慣很多時候和國人差異挺大的。當然如果不想註冊彈出新頁面,那麼選擇圖 CD 方式的標籤切換也可以讓介面很簡潔。

  三、視覺設計的思考過程

  下面我開始做視覺設計了。為了演示方便,我給自己出了一個題目,以綠色為虛擬的主題做設計登入頁。

  先設計稿以 iPhone7 為基準設計,解析度是 1334×750,為什麼選擇這個解析度,我的書說的很明白了。這裡就不再贅述了。我們先做強制登入註冊的。這裡開啟應用後, 一般國外的應用挺喜歡出現選擇登入註冊介面。這裡我給自己出一個題目,以綠色為主題進行設計。

  不選擇純的顏色

  1 、填充品牌色

  整個介面背景填充 WordPress APP 的主色,因為是綠色主題,暫定主為綠色。色相選擇不要選擇過於純的顏色,不要選擇下面排的顏色比如翠綠。而傾向於選擇第二排,例如墨綠,祖母綠這樣顏色。就好像我們畫畫用的顏料如果直接使用顏料的顏色,會顯得畫面顏色生硬。而經過多色調節出來的顏色會顯得層次豐富。如果主色飽和度較高,請調低主色的飽和度。因為過於鮮亮的顏色會降低應用的品質感。

  多效果混合模式

  2 、加向量紋理

  純色背景適合用反白的 logo,那麼,您需要設計一個有特點的線性或者剪影圖示。很多時候 WordPress APP 並沒有單獨設計文字名稱,這時候 logo 的標題字我一般選用非襯線粗體搭配。介面上的按鈕只有兩個,至於是突出註冊還是突出登入。這個還是看產品人員的需求。因為不同應用對於登入註冊的優先順序理解不一樣。如果您的 BOSS 覺得這種極簡風格的背景太敷衍了。那麼我們可以考慮加一些向量的紋理。當然我們需要找綠葉元素的紋理。這樣才貼合主題。為了讓顏色更加貼合主色,我會把向量的圖片去色,圖層模式並選用明度的模式。