<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          設(shè)計師如何正確的設(shè)計好自己的人生?

          藍藍設(shè)計的小編

          設(shè)計師如何正確的?設(shè)計好自己的人生!因為你的時間和生命才是最重要的,這個世界上最大的浪費就是走彎路。

          UI新手的自我發(fā)展

          藍藍設(shè)計的小編

          本文重點梳理以下七大問題:一、令人眼花繚亂的專業(yè)術(shù)語;二、交互和視覺如何分工;三、工作的流程;四、視覺類UI的自學(xué);五、交互設(shè)計需要掌握的知識;六、今天設(shè)計什么;七、設(shè)計師的薪資

          經(jīng)常有人問我新手如何自學(xué)交互設(shè)計,我之前也錄過一個視頻給大家,沒想到放到網(wǎng)上后點擊率很高,看來對新人是的確有幫助的。所以今天再次針對這個問題做闡述,修正了第一版的一些內(nèi)容,也更具有針對性。

          木有 UI ,就是新的 UI!

          藍藍設(shè)計的小編

          幾個月之前,我曾經(jīng)在一篇文章中說過 Magic 和 Operator 這樣的應(yīng)用將會成為下一個重大突破。

          它們的獨特之處在于,它們沒有采用傳統(tǒng)的 UI(用戶界面)作為交互方式。


          互聯(lián)網(wǎng)行業(yè)幾點意見

          藍藍設(shè)計的小編

          在這個國家領(lǐng)導(dǎo)人都在強調(diào)打造一個網(wǎng)絡(luò)強國的時代,互聯(lián)網(wǎng)行業(yè)無疑是大學(xué)畢業(yè)生入職最好的選擇。互聯(lián)網(wǎng)很大,很多傳統(tǒng)行業(yè)都在向互聯(lián)網(wǎng)轉(zhuǎn)型,如果抓住這個機遇,學(xué)習(xí)一技之能,那么你就將擁有撬動地球的杠桿。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          博博

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          人人都是產(chǎn)品經(jīng)理 2018-06-20 21:29:20

          微信更新了!在的微信 6.7.0 版里,微信公眾號第一次引入了信息流概念。本文將詳細為你解說微信公眾號有哪些新的變化。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          在年初的微信公開課 Pro 上,張小龍曾表示「不做信息流」,沒想到不到半年的時間,微信公眾號就迎來了創(chuàng)立以來樣式最大的一次改版:可以直接瀏覽訂閱號的消息。

          在的微信 6.7.0 版里,微信公眾號第一次引入了「信息流」概念。

          接下來,就帶大家快速了解一下微信公眾號的新變化!

          界面變化

          1. 文章卡片式展示

          在經(jīng)歷了朋友圈設(shè)計升級、微信訂閱號懸浮窗之后,公眾號的列表界面也終于迎來了升級,一次的巨大的升級。

          在版本的微信訂閱號列表中,可以看到推送的文章變成了一張張精美的卡片,每個公眾號的文章卡片信息依然是按照時間發(fā)送的順序排列以「信息流」的形式展示。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          和舊版的公眾號界面相比,卡片式的陳列放大了圖片,比純粹的文字顯得更有吸引力。

          2. 推送條數(shù)折疊

          除了卡片形式之外,筆者還發(fā)現(xiàn)一個公眾號在「信息流」列表中最多只能直接顯示兩篇文章,即頭條和次條。

          而多出來的條數(shù)則被自動折疊了起來,需要點擊右下角的箭頭來展開「余下 X 篇」才能查看。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          3. 多少好友和你志趣相投?

          還記得前段時間更新的微信「搜一搜」里的「X 位朋友讀過」的功能嗎?

          現(xiàn)在你可以在新版「信息流」訂閱號界面里,看看有多少好友和你志趣相投。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          而且,是每一篇文章都能看到你有多少位朋友讀過。

          4. 置頂?不存在的

          在舊版的公眾號界面中,許多人都會把自己喜歡的公眾號置頂在列表的頂部,以免錯過它的每一次推送。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          但是在這次的新版「信息流」訂閱號界面中,你恐怕是辦不到了。

          在新版「信息流」訂閱號界面中,你之前置頂過的公眾號名稱旁會有一個黃色小星星,提醒你「這是你置頂過的公眾號哦!」。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          在排列順序上則不會像舊版一樣永遠在頂端顯示,依然和泱泱公眾號一樣,發(fā)布的推送文章在最前。

          5. 摘要?不好意思,也沒有

          以前的公眾號推送中,如果單詞推送只有一篇的文章的話,我們往往可以通過文章顯示的摘要來獲取更多相關(guān)信息。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          但是在新版中,單獨推送一篇文章的摘要也不再顯示了。

          6. 新舊界面,一鍵切換

          看了這么多新界面新功能,也許會有人說「我還是喜歡以前的舊界面,有沒有什么辦法換回去?」,放心,還真的有后悔藥吃。

          點擊新版「信息流」訂閱號界面右上角的小標,幫你一鍵切回舊版界面。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          有什么影響?

          這次微信公眾號信息流的排版,對于公眾號運營者和用戶來說的影響都不少,我們認為主要會有以下幾個影響。

          1. 弱化公眾號主體 ,更強調(diào)內(nèi)容

          公眾號改版信息流,訂閱消息的入口變淺了,用戶更容易觸達內(nèi)容。同時也也弱化了公眾號主體的感覺。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          盡管微信官方表示「依然保留了對訂閱號的突出,訂閱號的頭像和名稱展示明顯。」但新版相比舊版需要進入公眾號才能閱讀文章的形式,用戶對于公眾號的歸屬感無疑是減弱了。

          2. 閱讀體驗變化,標題和題圖更重要,標題黨和封面黨可能也更多了

          新版公眾號按照信息流呈現(xiàn),取消了文章摘要的顯示,減少了可見的推文條數(shù),頭條封面也一律按照過往文章單推的樣式來顯示。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          這都表明公眾號文章向要吸引用戶點開,頭條的標題和題圖將變得更加重要,這將促使運營者在標題和題圖上花費更多精力。

          而為了在一滑即過的信息流中,為了抓住讀者的眼球,標題黨和封面黨也可能會越來越泛濫。

          3. 鼓勵公眾號做少而精的內(nèi)容

          除了減少了可見的推文條數(shù),獲取關(guān)注和取消關(guān)注都變得更容易,這意味著微信更加鼓勵公眾號精細化運營,生產(chǎn)少而精的內(nèi)容,減少對用戶的信息干擾。

          4. 打擊營銷號,不鼓勵在公眾號做服務(wù)和電商

          減少了可見的推文條數(shù)對營銷號的影響非常明顯,營銷號動輒七八條的推送會被淹沒在信息流中,而公眾號推送后邊的三四條的廣告價值也大大減弱。

          此外更深的公眾號入口也弱化了原本自定義菜單的一些服務(wù),同時服務(wù)號是不受影響的,這說明微信不再鼓勵在公眾號內(nèi)提供服務(wù)功能。

          5. 公眾號閱讀的社交屬性增強

          新版公眾號的信息流中強調(diào)「朋友閱讀」,表明公眾號閱讀的屬性將進一步增強。

          「朋友閱讀」人數(shù)多的文章在舊版公眾號的訂閱界面會優(yōu)先顯示,這也意味著未來公眾號的信息流排列可能不再完全按照時間排列,將好友的社交行為作為信息流的排列權(quán)重。

          6. 對公眾號作者有什么影響?

          公眾號本質(zhì)是以品牌為中心,讓用戶去選擇。信息流本質(zhì)是話題為中心,剝離開生產(chǎn)者,讓用戶直達信息。用戶對于話題的選擇成本遠比品牌的選擇要低,很可能會出現(xiàn)像刷抖音一樣刷內(nèi)容。

          同理,不再以品牌為中心,意味著你之前因為「刻板印象」從來不看的公眾號,可能會更多地被你點開——信息流意味著民主,差評的一次牢騷仍然可以把特朗普擠到屏幕下方。

          這對整個微信內(nèi)容生態(tài)是更有好處的——所有的訂閱號都被扔進羅馬斗獸場肉搏,一切靠內(nèi)容說話。

          One More Thing……

          在測試中,AppSo 還發(fā)現(xiàn)了一個小彩蛋。

          在新版「信息流」訂閱號界面中,長按任意一條推送就會展示一個功能菜單「未完成的功能」,點擊會顯示「功能還在開發(fā)中 ^_^」。

          微信更新:公眾號引入信息流概念,要變成今日頭條了?

          看來,微信的開發(fā)小哥給大家留下了一個懸念。你覺得這個新功能會是什么呢?不妨在底部留言告訴 A 君吧!

          UGD 模式

          資深UI設(shè)計者

          一、什么是UGD?

          大家都知道 UED(User Experience Design)用戶體驗設(shè)計團隊,主張「以用戶為中心的設(shè)計」,我們團隊的前身就是一個典型的 UED 團隊。那么什么是 UGD 呢?

          UGD(User Growth Design)用戶增長設(shè)計,主張「以用戶為中心,以增長為導(dǎo)向」。

          下面這個是我們團隊現(xiàn)在的 logo,這個圖形很清晰地描述了 UGD 的理念:在 UCD(以用戶為中心的設(shè)計)的基礎(chǔ)上增加一個向上的箭頭(增長),變形成了 G(Growth,代表增長)。也就是我們在原先以用戶為中心的基礎(chǔ)上,還要做到幫助業(yè)務(wù)增長。

          「增長」的概念對很多人來說也許還比較陌生。事實上,這個概念早在2010年就有人在美國提出了,到了2015年才引入國內(nèi),最近兩年開始火爆。所以說它在國內(nèi)其實也是一個比較新的概念。感興趣的朋友可以看看《增長黑客》相關(guān)書籍。

          二、為什么我們要變成UGD?

          為什么我們要從傳統(tǒng)的 UED 進化為充滿挑戰(zhàn)和不確定性的 UGD 呢?這要從天時、地利、人和三個方面說起。

          1. 天時

          先說說天時,大概2016年左右吧,中國互聯(lián)網(wǎng)逐漸進入下半場。關(guān)于下半場的話題這里不多說了,感興趣的同學(xué)可以上網(wǎng)搜搜相關(guān)的文章或者看一下我的新書《破繭成蝶2》(7月出版),里面有很詳細的討論。簡單的說,下半場的特點就是:人口紅利、流量紅利、資金紅利都在逐漸萎縮。原先你可以花錢買流量;或者通過好的 idea 拉來大筆投資;再或者通過打造的體驗迎來大量用戶。但這種「好時代」已經(jīng)一去不復(fù)返了,如果沒有實質(zhì)的增長,創(chuàng)意、體驗、流量都不能保證產(chǎn)品可以順利的活下去。

          2017年3月底,美國又發(fā)生了一件大事:可口可樂,這家以營銷著稱的公司,宣布將取消設(shè)立了24年的首席營銷官(CMO)一職。全球市場營銷、客戶及商務(wù)領(lǐng)導(dǎo)、戰(zhàn)略被整合成一個職能,由新創(chuàng)立的職位 CGO(Chief Growth Officer,首席增長管)領(lǐng)導(dǎo)。第一任 CGO 將直接向可口可樂新任 CEO 匯報。

          可能很多人不了解,CMO 的工作性質(zhì)和 UED 其實有很多相似的地方。比如都是成本部門(當然市場部還要額外花錢);都熱衷包裝創(chuàng)意而非對業(yè)績的直接影響;都傾向于用定性的方式檢驗成果;都習(xí)慣通過經(jīng)驗而非試驗來做決策……

          很多企業(yè)主對此非常無奈,他們明明知道在營銷等方面的花費存在巨大的浪費,卻不知道浪費在哪里。隨著大數(shù)據(jù)時代的到來(2015年左右),人們越來越重視數(shù)據(jù)的作用,越來越能夠輕易的獲取、存儲數(shù)據(jù),也越來越知道如何從數(shù)據(jù)中獲取價值。在這種情況下,原先很多崗位的傳統(tǒng)工作方式顯然太過于低效,所以 CMO 逐漸被 CGO 取代也就不足為奇了。

          從 CMO 到 CGO,揭示了四個變化趨勢:

          • 從花錢到賺錢
          • 從定性到定量
          • 從創(chuàng)意到業(yè)績
          • 從經(jīng)驗到試驗

          誰能肯定 CMO 的今天不會成為 UED 的明天呢?當然,我認為 UGD 只是未來的一個發(fā)展趨勢之一,我想未來設(shè)計師還會有很多其它的發(fā)展方向等待我們深入探索。

          2. 地利

          雖然我換過幾次工作,但是有一點我從來沒變,就是一直在做和商業(yè)相關(guān)的產(chǎn)品(電商、To B、互聯(lián)網(wǎng)金融),所以我對業(yè)務(wù)、對數(shù)據(jù)更敏感一些。和同行交流的過程中我也發(fā)現(xiàn)一個明顯的現(xiàn)象:越是接觸商業(yè)產(chǎn)品的設(shè)計師,越重視數(shù)據(jù)量化。當然現(xiàn)在不僅是商業(yè)產(chǎn)品,所有類型產(chǎn)品的從業(yè)人員都需要有這個意識。比如做社交產(chǎn)品,也需要通過活躍度等指標來檢驗成果。

          3. 人和

          設(shè)計團隊的地位其實普遍是比較尷尬的,因為你很難證明對產(chǎn)品、對企業(yè)的價值。以前設(shè)計師還可以靠特立獨行來贏得一些關(guān)注,但現(xiàn)在隨著時代的變化,設(shè)計和業(yè)務(wù)綁定的趨勢越來越明顯。與此同時,大部分設(shè)計師卻還沒有做好相應(yīng)的準備,不知道該如何幫助業(yè)務(wù)增長。

          雖然支持團隊很難成為核心團隊,但我們依然可以通過改變自己,努力離核心部分近一點,更近一點。

          三、UGD服務(wù)于用戶還是業(yè)務(wù)?

          看了前面的分析,可能有人會感覺迷茫:設(shè)計師到底應(yīng)該服務(wù)于業(yè)務(wù)還是用戶呢?

          傳統(tǒng)思維認為,設(shè)計師應(yīng)該為用戶、為體驗負責(zé)。實際上,體驗與業(yè)務(wù)并不沖突。通過一年多的試驗,我們發(fā)現(xiàn)能帶動業(yè)務(wù)數(shù)據(jù)提升的設(shè)計方案,質(zhì)量都比原始方案要好。通過無數(shù)次的試驗結(jié)果總結(jié)規(guī)律,設(shè)計師的進步非常快,也非常大。

          所以我們團隊的價值主張一直都是:以用戶為中心,以增長為導(dǎo)向!

          四、如何從UED轉(zhuǎn)型成UGD?

          很多設(shè)計師認為自己不太可能幫助業(yè)務(wù)有實質(zhì)性的提升。其實設(shè)計的商業(yè)潛力是巨大的,只是還尚未被充分發(fā)揮出來。通過出眾的造型和外觀擊敗競爭對手、銷量大幅提升的案例不勝枚舉。所以我堅信設(shè)計師在這方面的空間非常大。

          當然要成為 UGD 并不是通過輸出美觀的產(chǎn)出物就可以做到。UGD 必須致力于通過設(shè)計思維及專業(yè)技能,用最小成本為產(chǎn)品/企業(yè)創(chuàng)造最大價值。我們團隊在這方面已經(jīng)摸索了一年多的時間,現(xiàn)在還在繼續(xù)探索中。

          和 UED 相比,我認為 UGD 最重要的差別在于:

          • 更懂行業(yè):行業(yè)間差異
          • 更懂用戶:用戶群體差異
          • 更懂數(shù)據(jù):業(yè)務(wù)數(shù)據(jù)分析
          • 更懂增長:投入產(chǎn)出比

          前三項相信大部分設(shè)計師已經(jīng)開始意識到了,而第四項,也是最重要的一項,很容易成為設(shè)計師的軟肋。因為設(shè)計師太習(xí)慣于追求完美、「憋大招」了,他們很少考慮如何用較小的成本創(chuàng)造更大的價值。實際上,設(shè)計師縝密的思維、優(yōu)質(zhì)的創(chuàng)意如果能和精益思維、增長思維結(jié)合起來,將產(chǎn)生驚人的效果!

          當然說來容易做來難,我們在長期的實踐過程中經(jīng)歷了很多失敗和挫折,感謝公司的無限包容,使得我們最終能夠沉淀出一套嚴謹?shù)摹冈鲩L體系」作為理論支撐,并不斷帶給業(yè)務(wù)方驚喜。

          2018年UI設(shè)計趨勢概覽

          藍藍設(shè)計的小編

          互聯(lián)網(wǎng)產(chǎn)品的用戶界面設(shè)計趨勢是根據(jù)用戶的不同需求而不斷變化的。在仔細分析了過去幾年用戶界面設(shè)計的趨勢和創(chuàng)新之后,我們可以發(fā)現(xiàn)其背后的一些規(guī)律,2018年UI界面設(shè)計的趨勢如下。

          2018年UI設(shè)計流行的9種導(dǎo)航

          博博


          當我們在設(shè)計一款A(yù)pp時,我們最注重的很可能是頁面的布局結(jié)構(gòu),和元素的細節(jié)優(yōu)化。反觀導(dǎo)航的處理則是我們在設(shè)計時最容易被忽略的。一款A(yù)pp的核心體驗,很大程度上是有導(dǎo)航?jīng)Q定的,例如告訴用戶怎樣找到自己想要的信息和完成自己想要的任務(wù)等。所以今天要和大家分享的內(nèi)容就是關(guān)于導(dǎo)航設(shè)計常見樣式匯總,以及他們的優(yōu)缺點。

          NO. 1

          底部標簽式導(dǎo)航

          底部標簽式導(dǎo)航位于頁面底部,用于一級界面當中,是一種最常見的導(dǎo)航模式,如果我們開發(fā)的應(yīng)用是需要用戶頻繁在不同的界面中切換時,最好采用這種導(dǎo)航。標簽式導(dǎo)航最好不要多余5個,當多余5個時,我們可以將剩余優(yōu)先級不高的功能集合到一個功能入口中,例如:“更多,人中心,我的等”。如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:可以看到當前所謂在的入口位置,輕松在各個入口間切換且不會迷失;也可直接展示當前選擇的界面內(nèi)容;同時底部標簽也是拇指的熱區(qū)范圍,方便操作。

          缺點:導(dǎo)航選項數(shù)量有限,不能展示過多的入口(最多5個,考慮到手指理想的觸摸尺寸)同是也占用了界面的一定高度,如果是小屏手機會影響內(nèi)容的顯示區(qū)域。

          NO. 2

          頂部標簽式導(dǎo)航

          頂部標簽導(dǎo)航顧名思義,位于界面中的頂部,通常是在導(dǎo)航欄或者狀態(tài)欄下方使用。一般作用于二級導(dǎo)航,因此頂部標簽的樣式通常是用文字直接展示,避免過多的視覺設(shè)計,造成界面中導(dǎo)航層級不明確。再細分的話,頂部導(dǎo)航也可以分為兩種:1.固定標簽的頂部導(dǎo)航(有些應(yīng)用用來做App中的主導(dǎo)航,例如:QQ音樂)2.可滑動標簽的頂部導(dǎo)航(導(dǎo)航的入口不能少于5個),如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:數(shù)量沒有限制,可固定數(shù)量,也可以不固定數(shù)量;界面左右滑動可以直接切換;方便直觀瀏覽實時更新的內(nèi)容

          缺點:容易形成界面內(nèi)容過多,占用了界面的一定高度

          NO. 3

          分段式導(dǎo)航

          分段式導(dǎo)航是iOS系統(tǒng)自帶的標準控件,適合界面分類的切換頻率比較高的,導(dǎo)航數(shù)量通常在2-4個之間,如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:可以看到當前所謂在的入口位置,輕松在各個入口間切換且不會迷失;也可直接展示當前選擇的界面內(nèi)容;適用于高頻率切換的界面,方便操作。

          缺點:樣式守舊,靈活性不高,無法通過左右側(cè)滑的手勢進行切換。數(shù)量會因為字段的長短受到一定限制。

          NO 4

          抽屜式導(dǎo)航

          從導(dǎo)航名稱上理解,抽屜,通常用來收起整理的意思,也就是除了核心功能以外的低頻操作都放到這個抽屜里,由此可見,抽屜式導(dǎo)航的核心就是【隱藏】,所以我們的產(chǎn)品如果需要讓用戶獲得沉浸式的體驗及其他模塊的切換頻率低的話抽屜式導(dǎo)航則是一個不錯的選擇。抽屜式導(dǎo)航通常控制的把手出現(xiàn)在App的左上角,以按鈕的形式出現(xiàn),點擊之后抽屜被拉開,左側(cè)區(qū)域顯示導(dǎo)航中的內(nèi)容,如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:隱藏非主要功能,可以使用主意力集中在核心功能上,減少其他非核心功能的干擾,節(jié)省界面的利用空間

          缺點:由于可發(fā)現(xiàn)性底,不能一目了然,其他模塊的流量會被遏制,不利于整體產(chǎn)品流量最大化。不合適頻繁切換使用,會增加用戶的學(xué)習(xí)成本高。

          NO 5

          下拉式導(dǎo)航

          下拉導(dǎo)航通常用于篩選統(tǒng)一模塊下不同類別的是信息,與抽屜式導(dǎo)航的目的是相同的,都是為了隱藏非核心的操作與功能。這類導(dǎo)航多用于瀏覽類的二級導(dǎo)航;通過點擊我們可以召喚出下拉菜單,下拉菜單通常會以浮窗的形式顯示在界面上層,當我們點擊菜單以外的區(qū)域便會收起。相對抽屜式導(dǎo)航相比,下拉式導(dǎo)航能讓用戶感知到當前位置。如下圖)

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:與界面的連貫性比較好,用戶可以感知當前位置,同時也節(jié)省界面的利用空間。

          缺點:不合適頻繁切換使用;無法結(jié)合左右滑動操作;相對隱蔽。

          NO6

          舵式導(dǎo)航

          舵式導(dǎo)航屬于底部標簽導(dǎo)航的變形,按鈕中間加了個+號,看起來就像是輪船上用來指揮的船舵。當標簽導(dǎo)航無法滿足需求時,我們可以選擇舵式導(dǎo)航,把導(dǎo)航內(nèi)核心的功能放在船舵中央,并用突出的顏色來吸引用戶頻繁點擊。舵式導(dǎo)航主要把生產(chǎn)內(nèi)容的主功能按鈕放在中間,常見于用戶生產(chǎn)∪GC(用戶自發(fā)上傳的內(nèi)容)內(nèi)容的社區(qū)型App。例如簡書,閑魚,如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:突出重要且頻繁的操作入口,同時也彌補了底部標簽導(dǎo)航數(shù)量的不足,還可以在設(shè)計上做出靈活,有趣效果。

          缺點:需要用戶二次點擊才能到達目標,增加了用戶的操作流程,同時隱藏的功能不能過多,會對點擊后的用戶造成反感,增加用戶的思考選擇壓力,不合適頻繁切換使用。

          NO.7

          點聚式導(dǎo)航

          當層級信息比較復(fù)雜,并且每個模塊中都有用戶頻繁使用的核心功能在這些條件的限制下,我們最好的選擇就是點聚式導(dǎo)航,點聚式導(dǎo)航的特點就是無論你到達App中那一個界面,懸浮CON都會一直在界面的最上面,方便不同的用戶隨時選擇自己需要的功能入口,如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:占據(jù)空間小,方便不同的用戶進入不同的模塊,通常他的出現(xiàn)時伴隨著互動效果的,所以更加吸引用戶的點擊欲望,提高產(chǎn)品核心功能的點擊率。

          缺點:樣旋懸浮在界面上面的點聚式導(dǎo)航,會遮擋默寫文字或者操作,用戶需要滑動后才可操作,無形中增加了用戶的使用步驟,通常點聚式導(dǎo)航他的展示方式為一個|CON,沒有任何文字說明,因此用戶理解上會出現(xiàn)一定的障礙。

          NO 8

          列表式導(dǎo)航

          列表式導(dǎo)航是App中必不可少的一種信息承載模式,通常是由圖標+文字的形式在界面中左對齊排列,對于功能之間如果存在不同種類的情況,通常用留白分割的方法處理。(如下圖)列表導(dǎo)航中每一個列表都是一個子功能的入口,并且每個入口之間的切換必須要返回至列表主頁才可以,如下圖

          做UI需須知道的九種導(dǎo)航
          做UI需須知道的九種導(dǎo)航

          優(yōu)點:列表式結(jié)構(gòu)具有很強的延展性,可以不斷的增加信息,可以很方便的進行分組分類。簡單清晰、易于理解、用戶可以快速找到自己想要的信息。

          缺點:只能通過排序來區(qū)分個入口的重要;列表過多會造成用戶下滑的操作,甚至增加搜索方面的功能。每個入口切換時,只能通過返回至列表頁面才可以。

          NO 9

          宮格式導(dǎo)航

          宮格導(dǎo)航將主要入口全部聚合在界面中,讓用戶整體了解App的服務(wù),從而選擇自己需要的服務(wù)。各個入口之間行相互獨立,沒有太多交集,無法跳轉(zhuǎn)互通。宮格式導(dǎo)航的變化很多,比如美圖秀秀,支付寶,如下圖

          做UI需須知道的九種導(dǎo)航

          優(yōu)點:宮格式結(jié)構(gòu)可以作為信息或平臺的入口,讓用戶了解App中的所有服務(wù)并快速選擇自己需要的服務(wù)。同時也具有較強的延展性。

          缺點:用戶無法直接看到想要選擇服務(wù)的內(nèi)容部分,需要點擊后才能看到具體的界面內(nèi)容,會增加用戶的選擇壓力。

          UI升級,舊手機負優(yōu)化?為何國內(nèi)手機廠商跟不上Android版本

          藍藍設(shè)計的小編

          眾所周知,系統(tǒng)的更新是為了增強系統(tǒng)的穩(wěn)定性,優(yōu)化流暢性,有的則是優(yōu)化了續(xù)航,修復(fù)BUG,優(yōu)化安全性等等。

          2018年下半年的網(wǎng)頁設(shè)計趨勢

          博博


          人人都是產(chǎn)品經(jīng)理 2018-06-06 16:08:27

          逐漸熱起來的6月,這3種設(shè)計趨勢將會流行起來……

          這個6月,將流行的3種設(shè)計趨勢

          設(shè)計趨勢最有意思的地方在于,它總會有一些微妙的變化,而每一種趨勢的沉寂和回歸,總會伴隨著不同的轉(zhuǎn)變,甚至?xí)?chuàng)造出一些全新的設(shè)計模式。溫度回升進入夏季,這個六月的網(wǎng)頁設(shè)計趨勢都不是全新的東西,都是熟臉,但是仔細看看,會發(fā)現(xiàn)在細節(jié)上又略有不同。

          接下來,我們看看6月流行的這3種設(shè)計趨勢:

          1. 全屏大圖

          超大的全屏圖片在網(wǎng)頁設(shè)計中已經(jīng)不算太新鮮的東西了。不過,如果你仔細查看近期的這些使用高清全屏大圖的網(wǎng)頁設(shè)計,會發(fā)現(xiàn)設(shè)計師們開始越來越多地將其他的元素從整個首屏設(shè)計中剝離,讓位于背景的圖片展示性更強,將屏幕填充得更加徹底。

          全屏大圖以外,不再有獨立的導(dǎo)航區(qū)域或者其他的元素,所有的前景元素都位于圖片的籠罩之下,網(wǎng)站的一體性更加明顯。由于前景元素的缺乏,整個背景圖片承擔(dān)了更多的視覺展示的作用,只有最好、最引人矚目和有趣的圖片才更加契合這樣的設(shè)計。

          下面的三個網(wǎng)站設(shè)計案例均是如此,導(dǎo)航等功能都隱藏在大圖背景當中,通過漢堡圖標和其他的方式來引導(dǎo)用戶點擊或者吸引用戶。所以,圖片的素質(zhì)必須非常的過硬才行。

          這個6月,將流行的3種設(shè)計趨勢這個6月,將流行的3種設(shè)計趨勢這個6月,將流行的3種設(shè)計趨勢

          而這種設(shè)計手法所面對的問題也很具體,比如說大圖背景所帶來的對比度和識別度上的可用性問題,前景元素和背景圖片之間在視覺上的沖突等等。

          其他的設(shè)計元素,比如線條和「查看更多」和箭頭等元素,能夠在視覺的引導(dǎo)上起到一定的作用,類似這樣的設(shè)計細節(jié)能夠很好的緩解一些上述的問題,不過需要設(shè)計師仔細斟酌。

          2. 全新分屏設(shè)計

          我們曾經(jīng)在設(shè)計趨勢相關(guān)的文章中多次提到分屏設(shè)計,而分屏式設(shè)計也多次作為月度設(shè)計趨勢出現(xiàn)在同系列的文章當中。

          分屏設(shè)計的好處在于它本身可以很好地呈現(xiàn)兩方面的信息,并且能夠針對不同尺寸的屏幕進行響應(yīng)。無論是在桌面端屏幕上還是在移動端界面上,都能一次獲取兩種不同的信息。用戶不會錯過重要的信息。

          不過在的網(wǎng)頁設(shè)計作品當中,分屏設(shè)計本身在功能和形式上并沒有太大的變化,不過在處理方式和細節(jié)上和以往不盡相同。

          首先,這些設(shè)計保留了分屏設(shè)計的基本思路和精神,也就是將屏幕分為兩個部分來呈現(xiàn)信息,但是在劃分區(qū)域的時候,設(shè)計師換了新的思路。Reach Digital 分屏采用的是對角線方向的不對稱分屏,黃白雙色對比強烈,而同樣采用對角線分屏的 Cap GunCup Creative 則使用了更為簡約的黑白配色風(fēng)格,Weima 這個網(wǎng)站則采用了傳統(tǒng)的左右分屏,但是分割的比例是按照3:1來劃分的,這種分割方式更加有趣。

          這個6月,將流行的3種設(shè)計趨勢這個6月,將流行的3種設(shè)計趨勢這個6月,將流行的3種設(shè)計趨勢

          分屏設(shè)計的好處在于它可以應(yīng)對多種多樣的設(shè)計。無論是小型網(wǎng)站,還是大量的內(nèi)容,分屏的設(shè)計都可以讓用戶參與進來。分屏式設(shè)計為用戶提供了兩種不同的選擇,不難理解,功能也很直觀。

          3. 低透明度色彩疊加

          在圖片和視頻上疊加色彩也不是什么新鮮的玩法,它是非常受歡迎的設(shè)計手法和趨勢。這種設(shè)計技法讓設(shè)計師可以更輕松地創(chuàng)建層次分明的效果,可以通過色彩疊加來創(chuàng)建更為統(tǒng)一的視覺效果,控制對比度,營造氛圍和情緒。

          這種設(shè)計當中,透明度的控制是極為關(guān)鍵的一個步驟。通常,設(shè)計師不會讓色彩疊加層透明度太低,這樣用戶就可以一目了然地看到背景的圖片信息。不過,在今天的這幾個案例當中,用戶需要仔細分辨才能看清背景中被蓋住的內(nèi)容,因為色彩疊加層的透明度不高,對背景圖片的遮蓋力很強。對于這種設(shè)計趨勢,我們可以簡單分析一下:

          • 這種設(shè)計看起來是很酷的,低透明度讓背景以紋理的形式呈現(xiàn),更加富有深度,創(chuàng)造出吸引人的視覺效果。
          • 這種設(shè)計趨勢不適合傳遞背景信息,因為低透明度確實很難讓背景的細節(jié)清晰地傳達出來。

          那么,這種設(shè)計趨勢是否值得追隨呢?這個就要具體問題具體看待了。

          不要使用這種趨勢來呈現(xiàn)關(guān)鍵性的圖片信息,如果你僅僅只是要借助圖片搭配色彩疊加來強化層次感、增加信息量,那么另當別論。

          在下面的每個案例當中,前景的元素都足以傳遞出清晰的內(nèi)容和信息,彩色疊加層后的圖片內(nèi)容更多是裝飾性的。圖片雖然都提供了一些附加的信息,但是這些信息都不是關(guān)鍵,它們更多的是強化視覺。

          這個6月,將流行的3種設(shè)計趨勢這個6月,將流行的3種設(shè)計趨勢這個6月,將流行的3種設(shè)計趨勢

          這是一個適用范圍相對較窄的趨勢,如果你想使用的話,同樣需要控制好透明度。

          結(jié)語

          跟隨設(shè)計趨勢是一個非常有趣的事情,它可以讓你的設(shè)計保持新鮮,讓你的設(shè)計在激烈的競爭中脫穎而出,它同時可能還存在一些風(fēng)險,需要你在使用的時候仔細衡量。


          日歷

          鏈接

          個人資料

          藍藍設(shè)計的小編 http://m.sdgs6788.com

          存檔

          欧美久久一区二区三区| 国产亚洲婷婷香蕉久久精品| 久久这里只有精品首页| A狠狠久久蜜臀婷色中文网| 国产精品免费久久久久影院| 久久夜色精品国产亚洲| 久久综合综合久久97色| 欧美日韩精品久久久久| 88久久精品无码一区二区毛片| 日韩久久久久久中文人妻| 国内精品九九久久久精品| 欧美日韩精品久久久免费观看| 亚洲午夜久久久影院| 亚洲精品国产成人99久久| 欧美国产成人久久精品| 久久精品国产第一区二区| 久久精品无码专区免费青青 | 99久久精品国产一区二区| 午夜视频久久久久一区| 国产99精品久久| 亚洲精品蜜桃久久久久久| 久久久高清免费视频| 欧美日韩中文字幕久久久不卡 | 青青青青久久精品国产h久久精品五福影院1421 | 久久99精品国产麻豆蜜芽| 久久久久亚洲AV无码网站| 精品久久久久成人码免费动漫| 国产精品乱码久久久久久软件| 久久久精品波多野结衣| 93精91精品国产综合久久香蕉| 久久精品视频网| 99re久久精品国产首页2020| 少妇内射兰兰久久| 无码人妻精品一区二区三区久久| 久久久精品人妻一区二区三区蜜桃| 亚洲AV日韩AV天堂久久| 狠狠色丁香婷婷久久综合| 99久久综合国产精品免费| 久久人人青草97香蕉| 久久久久久伊人高潮影院| 国产成人精品综合久久久|