手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁(yè)

好的網(wǎng)站建設(shè)公司推薦?網(wǎng)站建設(shè)哪家公司好?

前端達(dá)人

在數(shù)字化時(shí)代,網(wǎng)站已經(jīng)成為企業(yè)展示自身形象、宣傳產(chǎn)品與服務(wù)的重要平臺(tái)。隨著互聯(lián)網(wǎng)行業(yè)的迅猛發(fā)展,越來(lái)越多的企業(yè)開(kāi)始意識(shí)到了建設(shè)一個(gè)優(yōu)秀的網(wǎng)站對(duì)于企業(yè)的重要性。然而,在眾多網(wǎng)站建設(shè)公司中,該如何選擇一家合適的公司呢?筆者認(rèn)為,藍(lán)藍(lán)設(shè)計(jì)公司是一家值得推薦的優(yōu)秀網(wǎng)站建設(shè)公司。

首先,藍(lán)藍(lán)設(shè)計(jì)公司具有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)。他們擁有一支技術(shù)精湛、經(jīng)驗(yàn)豐富的開(kāi)發(fā)團(tuán)隊(duì),能夠根據(jù)客戶(hù)需求和市場(chǎng)趨勢(shì)快速設(shè)計(jì)、開(kāi)發(fā)出高品質(zhì)的定制化網(wǎng)站。無(wú)論是企業(yè)官網(wǎng)、電子商務(wù)平臺(tái)還是在線(xiàn)教育等領(lǐng)域,藍(lán)藍(lán)設(shè)計(jì)都能夠提供專(zhuān)業(yè)、個(gè)性化的網(wǎng)站解決方案。

其次,藍(lán)藍(lán)設(shè)計(jì)公司注重用戶(hù)體驗(yàn)。在網(wǎng)站設(shè)計(jì)過(guò)程中,用戶(hù)體驗(yàn)已經(jīng)成為一個(gè)不可忽視的關(guān)鍵因素。藍(lán)藍(lán)設(shè)計(jì)以用戶(hù)為核心,通過(guò)深入了解用戶(hù)的行為和思維模式,為客戶(hù)打造滿(mǎn)足用戶(hù)需求的易用性和交互性網(wǎng)站。同時(shí),他們始終保持與客戶(hù)的溝通和反饋,不斷優(yōu)化網(wǎng)站設(shè)計(jì),提高用戶(hù)滿(mǎn)意度。

此外,藍(lán)藍(lán)設(shè)計(jì)公司在網(wǎng)站視覺(jué)設(shè)計(jì)方面也表現(xiàn)出色。他們擁有一支精通設(shè)計(jì)理念、美學(xué)原則和顏色搭配的專(zhuān)業(yè)設(shè)計(jì)師團(tuán)隊(duì),能夠?yàn)榭蛻?hù)提供獨(dú)特而又符合品牌形象的視覺(jué)效果。在網(wǎng)站設(shè)計(jì)中,視覺(jué)效果已經(jīng)成為吸引用戶(hù)關(guān)注的重要因素之一,藍(lán)藍(lán)設(shè)計(jì)憑借自身的實(shí)力和創(chuàng)新性,為客戶(hù)呈現(xiàn)出高質(zhì)量的視覺(jué)設(shè)計(jì)方案。

總之,選擇一家優(yōu)秀的網(wǎng)站建設(shè)公司是企業(yè)成功的必要條件之一。作為一家具有專(zhuān)業(yè)技術(shù)和豐富經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司,藍(lán)藍(lán)設(shè)計(jì)致力于為客戶(hù)提供最適合的網(wǎng)站解決方案。無(wú)論是網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)還是維護(hù)等方面,都能夠滿(mǎn)足客戶(hù)需求,讓客戶(hù)體驗(yàn)到高品質(zhì)的服務(wù)。如果你正在尋找一家值得信賴(lài)和推薦的網(wǎng)站建設(shè)公司,那么強(qiáng)烈推薦選擇藍(lán)藍(lán)設(shè)計(jì)公司。他們將為你提供最優(yōu)秀的網(wǎng)站建設(shè)方案,助力企業(yè)在市場(chǎng)競(jìng)爭(zhēng)中取得成功。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。




讓你的軟件產(chǎn)品UI更出色,蘭亭妙微助你實(shí)現(xiàn)

前端達(dá)人

在當(dāng)今數(shù)字化世界中,用戶(hù)體驗(yàn)和視覺(jué)設(shè)計(jì)已經(jīng)成為商業(yè)成功的關(guān)鍵因素。在這樣一個(gè)競(jìng)爭(zhēng)激烈的市場(chǎng)環(huán)境中,擁有出色的UI設(shè)計(jì)策略已經(jīng)成為企業(yè)必不可少的競(jìng)爭(zhēng)優(yōu)勢(shì)之一。因此,選擇一家專(zhuān)業(yè)的UI設(shè)計(jì)公司是至關(guān)重要的。

作為一家具有多年經(jīng)驗(yàn)和卓越實(shí)力的UI設(shè)計(jì)公司,藍(lán)藍(lán)設(shè)計(jì)已經(jīng)成為了業(yè)界的佼佼者。他們的團(tuán)隊(duì)由一群充滿(mǎn)激情、有豐富經(jīng)驗(yàn)的專(zhuān)業(yè)人士組成,涵蓋了用戶(hù)研究、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)等方面,為客戶(hù)打造出色的用戶(hù)體驗(yàn)和高質(zhì)量的產(chǎn)品。

首先,藍(lán)藍(lán)設(shè)計(jì)注重用戶(hù)研究。這是UI設(shè)計(jì)過(guò)程中最關(guān)鍵的階段之一,需要深入了解用戶(hù)的需求和習(xí)慣,才能夠開(kāi)發(fā)出適合目標(biāo)用戶(hù)的設(shè)計(jì)方案。藍(lán)藍(lán)設(shè)計(jì)的團(tuán)隊(duì)將用戶(hù)體驗(yàn)放在首位,通過(guò)深入了解用戶(hù)的行為和思維模式,為客戶(hù)量身定制最適合的設(shè)計(jì)方案。

其次,藍(lán)藍(lán)設(shè)計(jì)在交互設(shè)計(jì)方面也非常擅長(zhǎng)。交互設(shè)計(jì)是UI設(shè)計(jì)過(guò)程中最重要的一環(huán),它決定了用戶(hù)與產(chǎn)品之間的互動(dòng)效果。藍(lán)藍(lán)設(shè)計(jì)團(tuán)隊(duì)注重產(chǎn)品的易用性和可訪(fǎng)問(wèn)性,通過(guò)精細(xì)的交互設(shè)計(jì),為用戶(hù)提供方便快捷的操作體驗(yàn)。

此外,藍(lán)藍(lán)設(shè)計(jì)在視覺(jué)設(shè)計(jì)方面也頗具實(shí)力。他們深諳色彩、布局和排版等方面的規(guī)則,能夠創(chuàng)造出獨(dú)特的視覺(jué)效果,并將品牌理念巧妙地融入其中。無(wú)論是App設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)還是平面設(shè)計(jì),他們都能夠?qū)⒖蛻?hù)的要求和市場(chǎng)趨勢(shì)完美結(jié)合,呈現(xiàn)出高質(zhì)量的視覺(jué)效果。

總之,選擇一家專(zhuān)業(yè)的UI設(shè)計(jì)公司是企業(yè)成功的必要條件之一。藍(lán)藍(lán)設(shè)計(jì)憑借多年的經(jīng)驗(yàn)和卓越實(shí)力,為廣大客戶(hù)提供優(yōu)質(zhì)、創(chuàng)新的UI設(shè)計(jì)服務(wù)。如果你正在尋找一家能夠幫助你提升產(chǎn)品競(jìng)爭(zhēng)力的UI設(shè)計(jì)公司,那么推薦選擇藍(lán)藍(lán)設(shè)計(jì)。他們將為你提供最佳的設(shè)計(jì)方案,使你的產(chǎn)品在市場(chǎng)中脫穎而出。





優(yōu)秀的UI設(shè)計(jì)不僅僅是美觀(guān)和易用,更需要考慮用戶(hù)體驗(yàn)、品牌形象以及市場(chǎng)競(jìng)爭(zhēng)力。如果你正在尋找一家專(zhuān)業(yè)的UI設(shè)計(jì)公司,那么強(qiáng)烈推薦藍(lán)藍(lán)設(shè)計(jì)公司。作為一家擁有多年經(jīng)驗(yàn)的UI設(shè)計(jì)公司,藍(lán)藍(lán)設(shè)計(jì)在用戶(hù)研究、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)等方面都具備深厚的實(shí)力。他們的團(tuán)隊(duì)不斷探索新的設(shè)計(jì)趨勢(shì)和技術(shù)手段,以確保為客戶(hù)提供最佳的設(shè)計(jì)方案。無(wú)論是App設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)還是平面設(shè)計(jì),藍(lán)藍(lán)設(shè)計(jì)都能夠滿(mǎn)足客戶(hù)的需求。與藍(lán)藍(lán)設(shè)計(jì)合作,你可以獲得創(chuàng)新性、高質(zhì)量和可持續(xù)性的UI設(shè)計(jì)服務(wù),讓你的品牌在市場(chǎng)中脫穎而出。



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

給設(shè)計(jì)公司的UI設(shè)計(jì)需求文檔怎么寫(xiě)?請(qǐng)看一下這段錄的視頻講解吧!

藍(lán)藍(lán)設(shè)計(jì)的小編

偶爾有來(lái)咨詢(xún)的客戶(hù)會(huì)詢(xún)問(wèn):設(shè)計(jì)需求文檔怎么寫(xiě)?給我一個(gè)模板吧。

加起來(lái),這樣問(wèn)的客戶(hù)也不少,所以藍(lán)藍(lán)設(shè)計(jì)錄了一個(gè)視頻講解:給設(shè)計(jì)公司的UI設(shè)計(jì)需求文檔怎么寫(xiě)?請(qǐng)看一下這段錄的視頻講解吧!

說(shuō)說(shuō)抖音和小紅書(shū)的交互和界面設(shè)計(jì),您更喜歡哪一個(gè)?

藍(lán)藍(lán)設(shè)計(jì)的小編

 HI,親愛(ài)的寶寶們(小紅書(shū)上常用的呢稱(chēng)),大家好,小紅書(shū)和抖音是最近非常火爆的兩個(gè)視頻類(lèi)的APP,可以說(shuō)是視頻APP中的代表了,不知道你喜歡哪一個(gè)?

這兩個(gè)APP都非常的優(yōu)秀,所以今天藍(lán)藍(lán)就把這兩個(gè)APP的主界面都截了一下圖,我們從界面和交互以及用戶(hù)的角度去分析一下他們之間的區(qū)別,猜一猜他為什么要這樣做?

精進(jìn)自己、正面思考、調(diào)整情緒的三個(gè)小方法

藍(lán)藍(lán)設(shè)計(jì)的小編

 西藏有一個(gè)六時(shí)書(shū)修行方法,確定要改進(jìn)的一兩個(gè)弱點(diǎn)(比如懶惰,拖延),每天分六個(gè)時(shí)辰反省自己(間隔兩三個(gè)小時(shí)的樣子),在每個(gè)時(shí)間段有好的,不好的念頭或者行為都記下來(lái)反省總結(jié),以便在下一個(gè)時(shí)間去調(diào)整)和鼓勵(lì)自己。這個(gè)弱點(diǎn)改的差不多了,就繼續(xù)下一個(gè)弱點(diǎn)作為目標(biāo)去改正。讀富蘭克林的自傳,他基本上也是用這種方法,但沒(méi)有分每天六次這么細(xì)。

藍(lán)藍(lán)設(shè)計(jì)隨筆:ui用戶(hù)界面中的表格設(shè)計(jì)

前端達(dá)人

藍(lán)藍(lán)設(shè)計(jì)隨筆:ui用戶(hù)界面中的表格設(shè)計(jì)


作者:藍(lán)藍(lán)


表格,是一種最常見(jiàn)的信息組織整理手段,常用于信息收集、展示、數(shù)據(jù)分析、歸納整理。

      UI軟件設(shè)計(jì)中最常用、最基本的是表格的設(shè)計(jì),有些軟件中80%都是表格類(lèi)頁(yè)面,可以說(shuō),設(shè)計(jì)開(kāi)發(fā)的是否易用,很影響口碑和用戶(hù)的使用感受。基礎(chǔ)的東西一定要做好,就像我們吃的主食一樣,雖然都是米和面,但是各地出產(chǎn)各種品種口味都不相同,要根據(jù)食客的喜好選擇、烹飪。今天就聊一聊最基礎(chǔ)的表格設(shè)計(jì)、變化和常見(jiàn)問(wèn)題。


一、基礎(chǔ)的表格設(shè)計(jì)美化

      基礎(chǔ)的表格可變化的地方很少,可以根據(jù)當(dāng)前軟件開(kāi)發(fā)選擇的框架控件(ext/vue/jequery不同框架會(huì)有一些不一樣)做色彩和風(fēng)格的變化,如:加表格不同粗細(xì)的線(xiàn)、斑馬格,中間無(wú)豎線(xiàn)種種的設(shè)計(jì),有的表格需要標(biāo)題很突出,有的內(nèi)文突出,這就和內(nèi)容焦點(diǎn)相關(guān)了。

1.png


        為了操作直觀(guān)便捷,在操作區(qū)放一些圖標(biāo)“刪除、編輯、審核”,配合文字來(lái)使用,有的把操作類(lèi)的圖標(biāo)放在最左邊,有的放在最右側(cè),按行業(yè)用戶(hù)習(xí)慣而定。

2.png

        可以用固定表頭(標(biāo)題位置不變),允許用戶(hù)排序,單元格內(nèi)有很長(zhǎng)的文字,設(shè)定最大字節(jié),多內(nèi)容用……替代避免轉(zhuǎn)行,有小數(shù)點(diǎn)的數(shù)字右對(duì)齊,每列的大小可調(diào)整,這些也是設(shè)計(jì)開(kāi)發(fā)中可以做好的細(xì)節(jié)部分。


二、特別寬的表格怎么設(shè)計(jì)?


        有的表格的寬度,達(dá)到了屏幕的兩屏和三屏,出現(xiàn)寬寬的橫向滾動(dòng)條,又有長(zhǎng)長(zhǎng)的豎向滾動(dòng)條,但工作的人又必須看,可煩人了!很多軟件都因?yàn)檫@個(gè)原因被吐槽。下面就介紹三種方法解決這個(gè)問(wèn)題:

方法一

        如果表格的標(biāo)題是可以定制的,允許省略的,可以從業(yè)務(wù)角度取舍去掉無(wú)關(guān)緊要的,不常用的內(nèi)容,把這部分放在點(diǎn)開(kāi)的詳細(xì)頁(yè)內(nèi)容中即可。這就像一個(gè)房間的斷舍離:挑選、丟棄、分類(lèi)、收納,思考哪些物品是不要的,哪些是必不可少的?哪些是可有可無(wú)的?依次排序放在順手的位置,ui設(shè)計(jì)的道理也是相通的。

方法二

        如果表格里面的內(nèi)容是確定的,不可省略的,比如銀行的報(bào)表就是這么長(zhǎng),這么多,那我們就可以從設(shè)計(jì)的角度來(lái)優(yōu)化,做一個(gè)加高版的表格。

3.png


        表格為什么一組信息只能一行呢?完全可以一組三行四行,在組中進(jìn)行重點(diǎn)信息,非重點(diǎn)信息以及符號(hào)化的直觀(guān)轉(zhuǎn)變。用大小、對(duì)比、濃淡、色彩、間隔這些平面設(shè)計(jì)的基本原則,讓一個(gè)普通的“山里娃”土土的表格變成一個(gè)“青春靚麗、人見(jiàn)人愛(ài)”自帶明星氣質(zhì)的表格。

方法三

        大表格里面嵌套小表格,利用交互設(shè)計(jì),巧安排空間。當(dāng)用戶(hù)光標(biāo)移至感興趣的那行的時(shí)候,關(guān)于它更多的內(nèi)容,在下方滑動(dòng)撐開(kāi)出現(xiàn)或者右邊浮動(dòng)出現(xiàn)。這個(gè)方式雖然比較土,但也確實(shí)管用。早年在看某一招聘網(wǎng)站的時(shí)候,每一個(gè)人的簡(jiǎn)歷只要點(diǎn)名字就可以看到一組關(guān)鍵信息,便于迅速篩選,而另外一個(gè)招聘網(wǎng)站,就沒(méi)有這個(gè)功能,每個(gè)人都要打開(kāi)之后才能看見(jiàn)整體信息,我后來(lái)就不怎么看那個(gè)網(wǎng)站了。多一步操作,對(duì)典型用戶(hù)就多了許多的工作量,網(wǎng)站和軟件的使用口碑,用戶(hù)粘度就是這樣在為用戶(hù)考慮中一點(diǎn)一點(diǎn)積累起來(lái)的。

4.png


上圖:大表格里面嵌套小表格


        方法不會(huì)只有這三種,其他的方法要根據(jù)當(dāng)時(shí)的業(yè)務(wù),用戶(hù)使用的習(xí)慣、重點(diǎn),因地制宜的去設(shè)計(jì)了。軟件中的表格節(jié)省了許多程序工程師的工作量,如果做大的改動(dòng)或許是巨大的工作量,如果要做變動(dòng),一定要在開(kāi)始的時(shí)候就要讓ui設(shè)計(jì)納入開(kāi)發(fā)體系,一生二,二生三,在前期第一批實(shí)施時(shí)越注重細(xì)節(jié),后期就會(huì)越輕松,甚至省去幾倍甚至幾十倍的時(shí)間挨個(gè)頁(yè)面的去糾偏、修改。

         一個(gè)系統(tǒng)總是需要業(yè)務(wù)擔(dān)當(dāng),顏值擔(dān)當(dāng)?shù)暮诵牟糠?,重要的?yè)面要額外的對(duì)待、花更多的精力和時(shí)間。如果千篇一律,也就不能顯示出軟件產(chǎn)品的獨(dú)到之處了。

 

第三 與表格配合的部分設(shè)計(jì)


第一種  “搜索查詢(xún)”和“過(guò)濾”部分的設(shè)計(jì)

        大多數(shù)表格的前面都有搜索過(guò)濾功能,如果搜索條件相當(dāng)多,可以精選一部分主要的排成一行,其他的隱藏,點(diǎn)箭頭再出現(xiàn)。整個(gè)搜索區(qū)域也可以有隱藏/顯示的按鈕,來(lái)給下面的表格更多的空間。

        過(guò)濾條件區(qū)域可以定義好“條件名稱(chēng)”一致寬度,一般在八個(gè)字左右,避免有的字節(jié)多,有的字節(jié)少,行數(shù)多了,參差不齊,區(qū)塊和區(qū)塊之間也要定義好統(tǒng)一的間距,這樣整體頁(yè)面就顯得整齊劃一、條理清晰。


5.png


上圖:搜索和卡片式信息的組合

第二種  表格操作部分的設(shè)計(jì)

       對(duì)表格的操作“導(dǎo)入,導(dǎo)出、批量導(dǎo)出”有的時(shí)候這類(lèi)操作有1020個(gè),有的時(shí)候才幾個(gè),多的時(shí)候很占地方,可以用隱藏的方法,over到表格上再出現(xiàn),以節(jié)省空間。

       也可以分組把同類(lèi)的操作聚合在一起,把常用的放在目之所及,不常用的點(diǎn)后下浮出現(xiàn),以節(jié)省空間,

還可以光標(biāo)跟隨表格的某一行,點(diǎn)選自動(dòng)浮出一群小跟班,各種操作按鈕。即節(jié)省空間,操作移動(dòng)路徑又很短。只是不支持批量操作。

 

第三種  表格和卡片式設(shè)計(jì)、統(tǒng)計(jì)圖的整合切換

        表格是可以轉(zhuǎn)換成卡片式設(shè)計(jì)的,用一個(gè)卡片代替一行的展現(xiàn)信息,改變一種閱讀的方式。

有的也可以轉(zhuǎn)換圖統(tǒng)計(jì)圖表:曲線(xiàn)圖,柱狀圖讓用戶(hù)直觀(guān)的去解讀,而不必一直看枯燥的數(shù)字。

6.png



藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)







精致淡雅,“新”擬態(tài) -“新”開(kāi)端

前端達(dá)人


原創(chuàng)藝仁 藍(lán)藍(lán)設(shè)計(jì) 2020-12-18



       藍(lán)藍(lán)設(shè)計(jì)一直關(guān)注著國(guó)際國(guó)內(nèi)創(chuàng)新設(shè)計(jì)趨勢(shì)和理念。權(quán)威設(shè)計(jì)平臺(tái)Behance上最近發(fā)布了2021年設(shè)計(jì)趨勢(shì),這次的設(shè)計(jì)趨勢(shì)包含了UI、平面、包裝等多個(gè)領(lǐng)域。

      其中,3D成為2021年的主要趨勢(shì),我們?cè)谒械脑O(shè)計(jì)類(lèi)型中都可以找到它。2021年3D的新穎之處在于應(yīng)用在了UI界面上,而在此之前,UI界面一直被平面設(shè)計(jì)所主導(dǎo)。即將發(fā)布的Mac新操作系統(tǒng)Apple Big Sur也讓3D在UI設(shè)計(jì)中得到更頻繁的使用。

1.jpg


2.jpg


3.jpg

      ios14的界面更新將影響所有的UI設(shè)計(jì)。ios14新推出的Widgets小工具分為大、中、小三種尺寸,用戶(hù)可以自由布置界面。因此設(shè)計(jì)師需要設(shè)計(jì)3種樣式的Widgets小工具圖標(biāo)。

4.jpg

5.jpg

       線(xiàn)稿填色這種插畫(huà)風(fēng)格的流行在2020年已經(jīng)初見(jiàn)端倪,在2021年也將繼續(xù)流行下去。

7.jpg

8.jpg

      近年來(lái)3D風(fēng)靡設(shè)計(jì)界,有一些精致的插畫(huà)給我們留下了深刻的印象。簡(jiǎn)約而配色鮮明的3D插畫(huà)將成為2021年插畫(huà)的流行風(fēng)格之一

9.jpg

       時(shí)尚是個(gè)圈,70、80年代懷舊風(fēng)漫畫(huà)將在2021年重回潮流。這種經(jīng)典風(fēng)格的插畫(huà)特點(diǎn)是使用輪廓、簡(jiǎn)單的形狀和一些細(xì)節(jié)填充。

10.jpg

       這種風(fēng)格的插畫(huà)非常像凌亂的涂鴉,乍看未完成,但所有的細(xì)節(jié)都是經(jīng)過(guò)深思熟慮的。重疊的形狀和強(qiáng)烈的色彩讓這些插畫(huà)與眾不同,同時(shí)能有效激發(fā)靈感。


11.jpg


12.jpg

13.jpg

       VFX或視覺(jué),是將現(xiàn)有的鏡頭與計(jì)算機(jī)生成的圖像相結(jié)合,創(chuàng)造出逼真的場(chǎng)景。隨著眾多方便友好的軟件出現(xiàn),VFX開(kāi)始在視頻和短片中會(huì)變得更加普及。

14.jpg

       3D影響了所有的設(shè)計(jì)領(lǐng)域,我們甚至可以說(shuō),2021年,它主導(dǎo)了幾乎所有的數(shù)字設(shè)計(jì)。隨著虛擬現(xiàn)實(shí)在越來(lái)越多的App、網(wǎng)站或軟件中的應(yīng)用,3D也將越來(lái)越重要。而設(shè)計(jì)師們可以將3D和攝影或2D結(jié)合起來(lái),創(chuàng)造出一種不同的設(shè)計(jì)效果。

15.jpg

       動(dòng)態(tài)logo已經(jīng)出現(xiàn)了好幾年了,但現(xiàn)在他們被更多的品牌使用,因此非常值得我們的注意。打開(kāi)App之后,我們首先看到的就是logo,將logo與動(dòng)效結(jié)合能給用戶(hù)留下深刻印象,從而更容易記住品牌。

16.jpg

       因?yàn)橐咔楦綦x,很多公司開(kāi)始投資AR技術(shù)。在未來(lái),我們可以看到,在人工智能和機(jī)器學(xué)習(xí)的幫助下,增強(qiáng)現(xiàn)實(shí)技術(shù)將大規(guī)模應(yīng)用于各個(gè)領(lǐng)域,無(wú)論是醫(yī)藥、藝術(shù)、商業(yè)、客戶(hù)服務(wù)還是導(dǎo)航。

17.jpg

18.jpg

       排版是設(shè)計(jì)中最重要的元素,有經(jīng)驗(yàn)的設(shè)計(jì)師甚至可以只使用文字排版來(lái)設(shè)計(jì)視覺(jué)標(biāo)識(shí)。排版對(duì)于建立信息、建立強(qiáng)大的視覺(jué)層級(jí)、傳遞信息以及為用戶(hù)創(chuàng)造良好的體驗(yàn)都很重要。

      大字體和粗體從設(shè)計(jì)之初就已經(jīng)存在了,不管采用什么樣的設(shè)計(jì)手法,醒目的大字而且將永遠(yuǎn)是設(shè)計(jì)中的一個(gè)熱門(mén)趨勢(shì)。

19.jpg

       從上世紀(jì)初開(kāi)始,幾何形狀就已經(jīng)用于視覺(jué)藝術(shù)中,盡管這不是一種新的設(shè)計(jì)趨勢(shì),但在2021年的平面設(shè)計(jì)中,無(wú)論是海報(bào)、印刷品、包裝還是品牌識(shí)別,都將聚焦于幾何形狀。

20.jpg 

       線(xiàn)條藝術(shù)充滿(mǎn)魅力,并可以在各種設(shè)計(jì)領(lǐng)域內(nèi)應(yīng)用。

21.jpg

22.jpg

       疫情讓人們對(duì)環(huán)境保護(hù)格外重視,因此包裝行業(yè)必須開(kāi)始采取措施,減少對(duì)環(huán)境的影響,使用可生物降解的材料。

23.jpg

       經(jīng)過(guò)深思熟慮后設(shè)計(jì)的獨(dú)特插畫(huà)可以為你的品牌故事產(chǎn)生廣泛影響。因此你必須謹(jǐn)慎地選擇能夠傳達(dá)你的品牌故事的插畫(huà)。它們必須是有意義,并給品牌帶來(lái)一致性的。

24.jpg


25.jpg

       在銷(xiāo)售產(chǎn)品時(shí),用優(yōu)質(zhì)的包裝設(shè)計(jì)講述有關(guān)品牌的迷人故事,能有效激發(fā)出購(gòu)買(mǎi)欲。包裝上的所有元素都應(yīng)該為客戶(hù)帶來(lái)獨(dú)特的體驗(yàn)。

26.jpg

       在人人都離不開(kāi)手機(jī)的時(shí)代,包裝也可以和手機(jī)產(chǎn)生互動(dòng),比如使用AR等手段創(chuàng)造品牌知名度。


27.jpg


28.jpg

       權(quán)威色彩機(jī)構(gòu) Pantone 公布了2021年度雙流行色:灰+亮麗黃。

       這是繼2016年水晶粉+寧?kù)o藍(lán)之后,第二次推出組合年度色,寓意光明,傳遞力量與希望?;?亮麗黃這兩個(gè)獨(dú)立的色彩,聯(lián)手打造出夢(mèng)寐以求的色彩組合,像是自然風(fēng)化的巖石上浮起的日出,帶來(lái)了一種更深層的體貼和踏實(shí)感,同時(shí)也表現(xiàn)了對(duì)未來(lái)充滿(mǎn)希望的樂(lè)觀(guān)精神。

       這正是經(jīng)歷過(guò)艱難的2020年后,世界所需要的。
29.jpg

       當(dāng)人們期望尋求能量來(lái)強(qiáng)化自己,克服持續(xù)的不確定感時(shí),堅(jiān)實(shí)可靠而又熱情洋溢的色調(diào),恰好能夠滿(mǎn)足我們對(duì)生命力的追求。

       在過(guò)去幾年里,潘通的選擇充滿(mǎn)了社會(huì)意義,被看作是對(duì)全球情緒的捕捉。

       而在經(jīng)歷了記憶中最黯淡的一年之后,2021年的組合色旨在以堅(jiān)韌的精神基底傳遞積極和幸福即將到來(lái)的訊息,給人們帶來(lái)希望,讓人感到一切都將變得更加光明。

30.jpg

       目前,已有相關(guān)設(shè)計(jì)產(chǎn)品使用了潘通2021流行色:

31.jpg

32.png

       本文藍(lán)藍(lán)設(shè)計(jì)著重介紹一個(gè)未來(lái)可以配合3D設(shè)計(jì)趨勢(shì)的全新設(shè)計(jì)風(fēng)格-新擬態(tài)設(shè)計(jì)。

33.png

       光是人眼感知世界的媒介,溫和柔美的光影變化輔以精致優(yōu)雅的配色紋理展現(xiàn)出真實(shí)世界原本物體的豐富質(zhì)感。光影的把控影響著事物的情感表達(dá),光影的流轉(zhuǎn)變化傳遞出不同的情緒,同時(shí)也影響人對(duì)事物空間感的判斷。

34.png

       新擬態(tài)是一種圖形樣式,其原理是通過(guò)簡(jiǎn)單富有層次的光影變化為界面的UI元素賦予真實(shí)感。新擬物算擬物風(fēng)格的一種,只不過(guò)表現(xiàn)形式相對(duì)特立獨(dú)行,最早出現(xiàn)在國(guó)外網(wǎng)站dribbble上,之后陸續(xù)被收錄在2020設(shè)計(jì)趨勢(shì)預(yù)測(cè)中,在2019年的年末慢慢被大家熟知,討論,重視起來(lái)。

35.png

36.png

       在2020年2月11號(hào)舉行的三星視覺(jué)發(fā)布會(huì)使用新擬態(tài)的設(shè)計(jì)手法作為設(shè)計(jì)海報(bào)。帶有漸變的淺灰色背景,結(jié)合富有層次感的光影漸變,充滿(mǎn)未來(lái)感。相對(duì)克制的色彩選擇和多角度的光影變化,強(qiáng)調(diào)出產(chǎn)品豐富的質(zhì)感和科技感,簡(jiǎn)潔而神秘。

37.png

       這是一款多平臺(tái)記錄工具,有道云筆記的擬物化設(shè)計(jì)風(fēng)格相對(duì)謹(jǐn)慎,主要的操作按鈕部分,均采用了“擬物化的”風(fēng)格,但是在大面積的展示區(qū)域和非功能性按鈕依然沿用了簡(jiǎn)潔的扁平化設(shè)計(jì)。在保證“新擬物”質(zhì)感的同時(shí),保證主體內(nèi)容的可閱讀性,和整體頁(yè)面的清爽感。

38.png

39.png

      藍(lán)藍(lán)設(shè)計(jì)也在設(shè)計(jì)項(xiàng)目中結(jié)合目前流行趨勢(shì)進(jìn)行探索設(shè)計(jì),容器元素通過(guò)光影的變化,展現(xiàn)出不同的狀態(tài),通過(guò)模擬物理層面“高程”的不同,形成不同的組件狀態(tài),從而演變成承載各式功能的基本元素。

      清晰淡雅的容器元素和扁平活潑的表現(xiàn)層元素在色彩和材質(zhì)上都形成了鮮明的對(duì)比,扁平的圖標(biāo)配以高飽和度的色塊或者深色的圖片,讓界面元素的對(duì)比愈發(fā)強(qiáng)烈,容器層和表現(xiàn)層的層疊配合,千變?nèi)f化, 組成界面中的各種模塊,讓界面版式更為豐富,給人簡(jiǎn)潔靈動(dòng)之感。

40.png

      在扁平風(fēng)大行其道的當(dāng)下,公眾審美難免已經(jīng)疲勞,設(shè)計(jì)風(fēng)格再次回歸擬物化,或許已經(jīng)是主流趨勢(shì)。未來(lái),3D設(shè)計(jì),輕立體設(shè)計(jì)將與扁平化的設(shè)計(jì)風(fēng)格相結(jié)合,產(chǎn)生新的設(shè)計(jì)語(yǔ)言和領(lǐng)域。

      從輕擬物風(fēng)格到Glassmorphism風(fēng)格,擬物化設(shè)計(jì)的演變進(jìn)程已然開(kāi)啟,未來(lái),無(wú)論是3D設(shè)計(jì)的加入還是扁平風(fēng)格的延續(xù),“質(zhì)感”都將成為設(shè)計(jì)過(guò)程中被著重強(qiáng)調(diào)的風(fēng)格。



      藍(lán)藍(lán)設(shè)計(jì),工作室2008年開(kāi)始,2011年正式成立北京蘭亭妙微科技有限公司,主創(chuàng)清華團(tuán)隊(duì),專(zhuān)注軟件和互聯(lián)網(wǎng)ui設(shè)計(jì)開(kāi)發(fā)。擅長(zhǎng)企業(yè)信息化管理、監(jiān)控、大數(shù)據(jù)軟件UI、UE咨詢(xún)和設(shè)計(jì)開(kāi)發(fā)服務(wù)。立足UI,一直在學(xué)習(xí)進(jìn)步。
      藍(lán)藍(lán)設(shè)計(jì),秉承設(shè)計(jì)優(yōu)秀,不斷超越的理念,誠(chéng)信敬業(yè)、專(zhuān)業(yè)耐心的工作作風(fēng),進(jìn)行設(shè)計(jì)服務(wù)創(chuàng)新,幫助企業(yè)進(jìn)行軟件和互聯(lián)網(wǎng)產(chǎn)品的界面設(shè)計(jì)及開(kāi)發(fā)升級(jí),提供卓越的解決方案。對(duì)軟件界面用戶(hù)體驗(yàn)與交互設(shè)計(jì)與實(shí)現(xiàn),國(guó)際化標(biāo)準(zhǔn)和流行趨勢(shì),進(jìn)行不斷的研究和實(shí)踐,擁有豐富的解決問(wèn)題經(jīng)驗(yàn)。


42.png


欣賞更多界面及其它作品請(qǐng)?jiān)L問(wèn)
www.88yangsc.com




藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

UI經(jīng)驗(yàn):軟件首頁(yè)怎么設(shè)計(jì)?

前端達(dá)人

原創(chuàng) 藍(lán)藍(lán) 藍(lán)藍(lán)設(shè)計(jì) 1月1日


      藍(lán)藍(lán)設(shè)計(jì)是一家做UE/UI設(shè)計(jì)的公司,我們常常接到的項(xiàng)目是大屏、pc端、手機(jī)端的項(xiàng)目要重新做交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)。每個(gè)軟件首頁(yè)怎么設(shè)計(jì)?如何進(jìn)行首頁(yè)上的內(nèi)容取舍,最終客戶(hù)和上司是究竟想要什么?是客戶(hù)們(產(chǎn)品經(jīng)理或技術(shù)總監(jiān))普遍感到為難的地方,希望有外部的專(zhuān)業(yè)設(shè)計(jì)力量來(lái)參與意見(jiàn),多一份力量。

一般進(jìn)行軟件首頁(yè)的設(shè)計(jì),我們先思考:

  • 首頁(yè)要放什么內(nèi)容?哪些是核心的,用戶(hù)最在意、最常用的。

  • 軟件產(chǎn)品提供什么樣的核心價(jià)值?

  • 用戶(hù)常用的功能是哪些?

  • 未來(lái)1到3年軟件會(huì)增加什么重要的功能?發(fā)展方向?

  • 需要借助軟件產(chǎn)品傳達(dá)哪些企業(yè)價(jià)值觀(guān)?

  • 在交互上和需求上先和軟件公司做一些交流,雙方達(dá)成一致再進(jìn)行。

      我們也了解到,有許多軟件公司做這件事情(開(kāi)發(fā)運(yùn)營(yíng)這個(gè)軟件或網(wǎng)站)已久,特別想找一個(gè)嶄新的方式去看待目前做的這件事。找個(gè)靠譜的外部設(shè)計(jì)公司和做用戶(hù)調(diào)研是兩個(gè)好方法。
      我們建議如果時(shí)間充許的話(huà),可以做做用戶(hù)調(diào)研,做8到10個(gè)用戶(hù)不同角色的訪(fǎng)談,從真正的客戶(hù)的角度去思考一下不同角色對(duì)這個(gè)產(chǎn)品的期待和理解。(訪(fǎng)談的人不用太多,因?yàn)樘臅r(shí)間,但是可以多輪,一段時(shí)期一段時(shí)期不斷的去了解用戶(hù)的想法),從一線(xiàn)了解許多不同層次的想法和使用者的意見(jiàn)。
      在和客戶(hù)的交流中,常常會(huì)遇到:改版會(huì)帶來(lái)多少程序方面的工作量這類(lèi)的問(wèn)題。這個(gè)擔(dān)心很多公司,特別是十年來(lái)在一直做著同一個(gè)產(chǎn)品的經(jīng)理們普遍反映都有,特別是很大型的軟件。
      其實(shí),下決定最難。
      改版與否,其實(shí)取決于對(duì)空間秩序美的忍耐度及它能帶給你的價(jià)值。
      就像有的人房間很亂,也不收拾,特別能忍。他省了整理的時(shí)間,但他個(gè)人可以找到自己的東西,有自己的內(nèi)在邏輯。但表現(xiàn)在工作上就是:界面很亂,除了開(kāi)發(fā)者自己,客戶(hù)都找不到東西,很難使用,花了客戶(hù)很多時(shí)間去學(xué)習(xí)使用這個(gè)軟件,到了忍無(wú)可忍,客戶(hù)提出強(qiáng)烈不滿(mǎn)的時(shí)候,有可能危及到合作時(shí),在吐槽中被迫進(jìn)行。
      優(yōu)勢(shì)技術(shù)不等于優(yōu)勢(shì)產(chǎn)品,產(chǎn)品的需求和體驗(yàn)要先于技術(shù)和模式而存在,品牌的戰(zhàn)略貫穿在企業(yè)的全鏈條中,以用戶(hù)可以感知的點(diǎn)滴來(lái)詮釋軟件產(chǎn)品核心價(jià)值,塑造品牌
      UI的設(shè)計(jì)能帶來(lái)的不僅僅是軟件的美化,UI咨詢(xún)公司能帶給客戶(hù)的是一種思考的方式和解決問(wèn)題的行動(dòng)力。軟件企業(yè)最好當(dāng)然是掌握市場(chǎng)先機(jī),企業(yè)內(nèi)部里去觸發(fā)、驅(qū)動(dòng)  ui咨詢(xún)類(lèi)項(xiàng)目,在機(jī)會(huì)來(lái)了的時(shí)候才更從容。
      對(duì)不熟悉的事情,大家總是會(huì)有一定的壓力,表現(xiàn)的行為方式上就會(huì)有點(diǎn)拖延,選擇決策困難。我在想,有時(shí)候我們的界面設(shè)計(jì)時(shí)間總是被擠壓的特別少,在功能都實(shí)現(xiàn)的情況下才來(lái)進(jìn)行,是不是也是出于客戶(hù)的這種心理呢?
      其實(shí)對(duì)于我們這樣一個(gè)做了界面設(shè)計(jì)十多年的設(shè)計(jì)公司而言,這些都是我們平常日常工作中的工作,沒(méi)有什么難點(diǎn),只是要根據(jù)不同的公司,不同的產(chǎn)品去梳理清楚、理解業(yè)務(wù),用心體會(huì)。
      做好整個(gè)系統(tǒng)的交互設(shè)計(jì),首頁(yè)的內(nèi)容布局設(shè)計(jì),和進(jìn)行一個(gè)家庭的空間物品歸納整理沒(méi)有什么區(qū)別。不要陷入“要么不做,做就做到最好的”極端思維,只要馬上迭代改進(jìn),平時(shí)保持一定的水準(zhǔn),總會(huì)做的越來(lái)越好。
家庭裝修和軟件界面設(shè)計(jì)的對(duì)比:
家庭要裝修
1. 首先要考慮到家庭的空間有多少人要去使用,住幾個(gè)人?空間之間的最佳行動(dòng)路徑。未來(lái)幾年內(nèi)人口會(huì)增加或減少嗎?住多久?
2.了解你和家人所需要的物品,對(duì)它們進(jìn)行分類(lèi)和預(yù)算了解,無(wú)用的物品斷舍離。
3. 物品的使用場(chǎng)景在臥室里用,還是在客廳里看電視的時(shí)候用?服裝的裝搭是出門(mén)見(jiàn)客還是家居服,有多少件?對(duì)客戶(hù)來(lái)講最看重的是書(shū)柜還是衣帽間設(shè)計(jì),還是廚房呢?因人而異,選擇對(duì)他最重要的物品和場(chǎng)景,好好的設(shè)計(jì),創(chuàng)造最讓人感動(dòng)的體驗(yàn)。
apjpk-4pjoz.jpg
交互設(shè)計(jì)有點(diǎn)像居室空間的規(guī)劃
        這和產(chǎn)品的軟件界面設(shè)計(jì)其實(shí)是相通的:
1. 了解就是這個(gè)系統(tǒng)有什么功能,準(zhǔn)備放到幾個(gè)導(dǎo)航菜單中?導(dǎo)航之間的最佳切換路徑。產(chǎn)品核心提供什么樣的價(jià)值?未來(lái)1到3年軟件會(huì)增加或減少什么重要的功能?產(chǎn)品未來(lái)的發(fā)展方向?這版用多久,多久改版一次?
2. 把所有的功能進(jìn)行分類(lèi)和預(yù)算,分版本陸續(xù)實(shí)現(xiàn)。斷舍離軟件功能,進(jìn)行取舍歸納。最常用的,重要的先做,花費(fèi)精力太多,又很少用的功能舍掉或后做,
3. 了解每一個(gè)功能的使用場(chǎng)景,是什么用戶(hù)角色使用?是在戶(hù)外或者室內(nèi)用?是日常工作時(shí)還是領(lǐng)導(dǎo)視查,開(kāi)會(huì)時(shí)使用?他最關(guān)注什么?他的使用過(guò)程是什么?
      了解每一個(gè)功能的使用場(chǎng)景和用戶(hù)關(guān)聯(lián)時(shí),可以畫(huà)出一個(gè)用戶(hù)體驗(yàn)地圖幫助梳理思路。從使用這個(gè)軟件產(chǎn)品的開(kāi)始到結(jié)束,不同接觸點(diǎn),關(guān)鍵點(diǎn)列出來(lái),選擇最需要改善的幾個(gè)重點(diǎn),好好的設(shè)計(jì)開(kāi)發(fā),創(chuàng)造最讓人感動(dòng)的體驗(yàn)。
apobm-0g27q.jpg
      有了要表達(dá)的界面元素,把它們按照人類(lèi)的使用習(xí)慣去組合,進(jìn)行這些頁(yè)面的內(nèi)容的排列方式就可以了,比如:
  • 重要的內(nèi)容放在第一屏重要的地方,按照人類(lèi)的閱讀習(xí)慣,從左到右,從上到下。重點(diǎn)的字大區(qū)塊占比大,非重點(diǎn)的弱化小字,歸納為一組,可隱藏。
  • 用好對(duì)比,不要讓人思考,該提示的地方要提示(直接打開(kāi)頁(yè)面時(shí)彈出或在需要提醒的位置附近,一個(gè)地兒一個(gè)地兒輪播閃現(xiàn)都可以),盡量傻瓜式的,不要讓人培訓(xùn)后才懂怎么使用(節(jié)省用戶(hù)時(shí)間)。
  • 思考用戶(hù)第一次進(jìn)入軟件,如何引導(dǎo)他使用的流程和步驟,并在首頁(yè)就能開(kāi)始第一步。(目前B端的產(chǎn)品常見(jiàn)問(wèn)題就是功能橫向單一,每個(gè)功能一個(gè)菜單,之間缺乏串連使用的路徑,用戶(hù)根本不知道如何使用)
  • 如果是工具類(lèi)的操作軟件,在首頁(yè)要給足相應(yīng)的操作輔導(dǎo)文案和視頻。如果是辦公任務(wù)類(lèi)軟件,在首頁(yè)要很明確展示要做的總數(shù)、待辦具體事情,想了解的信息。
      空間(交互)布局設(shè)計(jì)好之后,易用性就基本已經(jīng)解決了。
      剩下就是根據(jù)用戶(hù)不同的審美,巴洛克,簡(jiǎn)潔風(fēng),歐式,美式(簡(jiǎn)約,科技感,質(zhì)感,時(shí)尚、擬物,酷炫,奢華高端,品牌VI、拙樸古風(fēng)),任客戶(hù)選擇,或者是根據(jù)用戶(hù)畫(huà)像的調(diào)查去推測(cè),根據(jù)產(chǎn)品定位,建立色彩情緒板,研究出這個(gè)產(chǎn)品應(yīng)有的外貌。
      我們藍(lán)藍(lán)設(shè)計(jì)一般是有一個(gè)UI設(shè)計(jì)調(diào)查表,把各種設(shè)計(jì)風(fēng)格和問(wèn)題列出來(lái),引導(dǎo)客戶(hù)在填表的過(guò)程中去選擇和思考。
       步步分解之后,工作就會(huì)好理解并逐漸輕松。
      只要您去做這件事,開(kāi)始思考,最終就會(huì)知道界面那些功能該怎么擺放。我們的交流中往往發(fā)現(xiàn)客戶(hù)是非常有智慧的,一開(kāi)始可能沒(méi)有想法,隨著分析和思考的深入,靈感受到啟發(fā),等到我們?cè)O(shè)計(jì)出方案之后,很會(huì)挑方案,能夠感受到不同方案的優(yōu)點(diǎn),把他們集中在一起。
      最近流行一個(gè)新的職業(yè),叫收納整理師,就是幫助陪伴您收拾家。不僅僅是打掃衛(wèi)生,還會(huì)告訴你一些斷舍離取舍原則。原有的衣柜空間有什么不足,改進(jìn)的方法,一些方便收納的小工具,手把手教你各類(lèi)疊衣服的方法。有些工作(整理房間)自己也能做,但是這個(gè)工作太枯燥,工作量又很大,如果有人陪,就能夠被鼓勵(lì)著,開(kāi)心,很有成就的去完成。
      陪伴這個(gè)詞很重要,代表著共同參與,相伴成長(zhǎng)。

avz1k-b5io7.jpg

      我覺(jué)得交互設(shè)計(jì)師也是在做整理收納這種事情。有些人最喜歡的買(mǎi)買(mǎi)買(mǎi),買(mǎi)回了太多的東西,又無(wú)處安放,屋子變得很亂,開(kāi)始收納整理,像不像軟件開(kāi)發(fā)中一些客戶(hù)角色,喜歡加一些內(nèi)容(功能)?這個(gè)頁(yè)面加一點(diǎn),那個(gè)頁(yè)面加一點(diǎn),過(guò)了一陣子,這個(gè)軟件(網(wǎng)站)就變得不成樣子,需要維護(hù)和整理。
       軟件產(chǎn)品和一個(gè)家一樣,他們都是你創(chuàng)造的,如果可以說(shuō)話(huà),他們可能有許多話(huà)想對(duì)你:“把我創(chuàng)造的美一些,整潔一些吧,主人
      下面給大家展示幾個(gè)實(shí)際的案例,我們是怎么從需求到原型,完成這項(xiàng)工作的,設(shè)計(jì)前后的效果如何?
asm0e-r1gcl.jpg
      就拿我們最近合作的江蘇銳創(chuàng)來(lái)講吧,這是一家非常優(yōu)秀的公司,江蘇銳創(chuàng)數(shù)據(jù)中心服務(wù)管理平臺(tái)項(xiàng)目,產(chǎn)品迭代速度非常快,公司內(nèi)部做過(guò)很多版本的設(shè)計(jì),由于十年來(lái)一直在做這套軟件,產(chǎn)生了審美疲勞,不知道到底要怎么做才合適了。各種之前想過(guò)的東西都已經(jīng)自己練過(guò)了,也實(shí)施過(guò)了,但就是覺(jué)得沒(méi)有達(dá)到自己理想的狀態(tài),內(nèi)部設(shè)計(jì)了一稿又一稿,總是覺(jué)得還不夠好。
      使用這個(gè)軟件的用戶(hù)是企業(yè)中的網(wǎng)管和工程師,專(zhuān)業(yè)人士。在委托藍(lán)藍(lán)設(shè)計(jì)之前,內(nèi)部開(kāi)發(fā)已經(jīng)迭代四次,企業(yè)內(nèi)部的交互設(shè)計(jì)師已經(jīng)把首頁(yè)要放的內(nèi)容思考的比較清楚了。在這類(lèi)的需求中,藍(lán)藍(lán)設(shè)計(jì)的設(shè)計(jì)師主要的工作是優(yōu)化視覺(jué)設(shè)計(jì)和進(jìn)行交互設(shè)計(jì)的局部?jī)?yōu)化處理,通過(guò)友好的交互體驗(yàn)讓企業(yè)用戶(hù)享受到高品質(zhì)的服務(wù)。
客戶(hù)給的原型圖

a3r1n-6agy9.jpg設(shè)計(jì)后的效果圖

aniwl-8inwf.jpg

1. 理解用戶(hù)所需,優(yōu)化交互,增加部分內(nèi)容。告警事件除了原型中的時(shí)間線(xiàn)按順序發(fā)生外,加了用戶(hù)頭像,已處理、待處理、緊急任務(wù)統(tǒng)計(jì)數(shù)字,讓用戶(hù)可以總覽全局,做到對(duì)工作量心中有數(shù)。

a3s8x-ilo2u.jpg


2. 數(shù)據(jù)中心信息,秉承著信息簡(jiǎn)單易懂,界面引導(dǎo)友好的理解,把信息分組,4個(gè)關(guān)鍵信息總數(shù)并列2排,設(shè)計(jì)了相應(yīng)的擬物化圖標(biāo),美觀(guān)整理有秩序。在線(xiàn)和離線(xiàn)位數(shù)增加了表達(dá)當(dāng)前比例的橫向柱狀圖,用戶(hù)從綠色和紅色的區(qū)塊長(zhǎng)短中可以輕松感知,比原型的表達(dá)方式又多了一個(gè)緯度。

au0ez-pa0w5.jpg


3. 本機(jī)系統(tǒng)信息,將單個(gè)的數(shù)字轉(zhuǎn)化為儀表盤(pán),可以表現(xiàn)出高中低預(yù)警和正常的多重含義。通過(guò)輕擬物的表現(xiàn)手法,增強(qiáng)駕駛艙的沉浸式體驗(yàn),營(yíng)造中控管理氛圍的真實(shí)感。
arq3s-18p80.jpg


4. 所有的設(shè)計(jì),都是基于對(duì)業(yè)務(wù)的理解,回到本質(zhì),思考用戶(hù)是否需要多層次信息的統(tǒng)計(jì)分析,不同的緯度呈現(xiàn)結(jié)果。最終以感性、直觀(guān)、優(yōu)美的方式視覺(jué)表達(dá),并考慮到數(shù)據(jù)可視化的控件類(lèi)型和實(shí)現(xiàn)難度。


asm0e-r1gcl.jpg

       中國(guó)移動(dòng)愛(ài)流量App整體的設(shè)計(jì)提案,經(jīng)過(guò)用用戶(hù)研究分析、同類(lèi)競(jìng)爭(zhēng)App競(jìng)品分析報(bào)告、產(chǎn)品定位、功能分析、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)。中國(guó) 移動(dòng)只提供了運(yùn)行中的上一版App,其它的調(diào)研、改版策劃由藍(lán)藍(lán)設(shè)計(jì)進(jìn)行。

這個(gè)案例比上一個(gè)案例更加整體,重大的項(xiàng)目應(yīng)該采用這種方式來(lái)進(jìn)行。

1   同類(lèi)產(chǎn)品APP對(duì)比:

藍(lán)藍(lán)設(shè)計(jì)觀(guān)察了20家流量類(lèi)的App。通過(guò)在應(yīng)用市場(chǎng)監(jiān)測(cè)流量平臺(tái)類(lèi)app的下載量,我們選取以上三家為競(jìng)品。

『流量寶』中國(guó)電信出品。

『流量銀行』中國(guó)聯(lián)通出品。

『流量來(lái)了』,世紀(jì)龍信息網(wǎng)絡(luò)有限責(zé)任公司出品。

分析內(nèi)容:

1. 界面布局對(duì)比

2. 核心功能對(duì)比

3. 色彩對(duì)比

4. 首頁(yè)印象對(duì)比

5. 界面設(shè)計(jì)優(yōu)缺點(diǎn)

2 產(chǎn)品洞察 明確產(chǎn)品的定位和發(fā)展方向

按照用戶(hù)對(duì)于流量的認(rèn)識(shí)、了解、使用的程度,通常流量經(jīng)營(yíng)可以分為三個(gè)發(fā)展階段。

在流量消費(fèi)培育階段(2008-2012年),隨著智能手機(jī)的快速普及,客戶(hù)上網(wǎng)頻率逐漸加大,對(duì)于網(wǎng)絡(luò)的使用逐漸從PC互聯(lián)網(wǎng)向移動(dòng)互聯(lián)網(wǎng)轉(zhuǎn)移,其標(biāo)志就是智能手機(jī)用戶(hù)在2013年超過(guò)了PC保有量。這個(gè)階段主要以前向流量客戶(hù)經(jīng)營(yíng)為主,采取流量包月甚至流量免費(fèi)等方式驅(qū)動(dòng)流量增長(zhǎng)。

在流量理性消費(fèi)階段(2013-2014年),流量消費(fèi)習(xí)慣逐漸養(yǎng)成,運(yùn)營(yíng)商開(kāi)始改變甚至取消流量包月無(wú)限量使用策略,用戶(hù)開(kāi)始感受到流量的費(fèi)用壓力,開(kāi)始對(duì)自身的消費(fèi)行為和內(nèi)容進(jìn)行整理,逐步回落到用戶(hù)能夠承受的流量消費(fèi)水平。而流量經(jīng)營(yíng)主要收入來(lái)源依然是個(gè)人客戶(hù)。

在流量后向經(jīng)營(yíng)階段(2014年-),隨著運(yùn)營(yíng)商發(fā)現(xiàn)流量收入增速放緩的現(xiàn)象,運(yùn)營(yíng)商開(kāi)始嘗試定向流量、后向流量捆綁、流量800等面向后端企業(yè)的運(yùn)營(yíng)。至此,運(yùn)營(yíng)商正式邁入流量平臺(tái)化經(jīng)營(yíng)時(shí)期。

產(chǎn)品不斷的迭代,使我們的產(chǎn)品在不斷的完善。 流量平臺(tái)的定位也在不斷的跟隨行業(yè)的變化在不斷的變化,才能使我們的產(chǎn)品得到用戶(hù)的認(rèn)可。

功能方向:使產(chǎn)品向貨幣化、社交化、媒介化轉(zhuǎn)變。

增加用戶(hù)使用率,創(chuàng)造可以長(zhǎng)期登錄使用的情景和功能。

基于個(gè)人:監(jiān)測(cè)自己的手機(jī)流量及使用情況,提醒自己:少了可以買(mǎi),也可以把多余的流量轉(zhuǎn)給家人、朋友、同學(xué)、或充入手機(jī)、

基于社交:比如:發(fā)紅包、賺流量、做任務(wù)、簽到送流量,流量?jī)对?huà)費(fèi)等、是可以嘗試的方向,使我們的產(chǎn)品向貨幣化、社交化、媒介化轉(zhuǎn)變。

aaryx-rj02r.jpg

視覺(jué)方向:使我們的產(chǎn)品更加的年輕化、擁抱90、00后。

交互方向:減化路徑、清晰簡(jiǎn)潔

3 基于產(chǎn)品分析策劃進(jìn)行主頁(yè)的交互設(shè)計(jì)

在不斷的思考、對(duì)功能的深入理解后,交互設(shè)計(jì)師對(duì)首頁(yè)構(gòu)圖了三個(gè)方案,希望能契合產(chǎn)品定位并在布局和表現(xiàn)形式上與競(jìng)品區(qū)別,展現(xiàn)出愛(ài)流量的。

團(tuán)隊(duì)討論思考后,認(rèn)為將“流量監(jiān)測(cè)和流轉(zhuǎn)“做為首頁(yè)目前重點(diǎn),賺流量做為以后發(fā)展點(diǎn)。確定第二種布局(中),進(jìn)行視覺(jué)設(shè)計(jì)。 

aca46-05o6b.jpg

avjc5-qtihj.jpg

4 視覺(jué)設(shè)計(jì)成果

a34bi-3t998.jpg

主頁(yè)設(shè)計(jì)風(fēng)格確定后,就可以進(jìn)行其它頁(yè)面的視覺(jué)設(shè)計(jì)啦。



a1uzd-ibxp3.jpg

  1. 軟件的優(yōu)化設(shè)計(jì)是一個(gè)長(zhǎng)久的的事,挑一些典型頁(yè)來(lái)設(shè)計(jì)是基礎(chǔ)的部分。

  2. 目前國(guó)內(nèi)都在進(jìn)行數(shù)字化升級(jí)進(jìn)程,這一二十年來(lái),從不知UI為何物,到企業(yè)紛紛重視,每個(gè)企業(yè)都有自己的設(shè)計(jì)師,重點(diǎn)的項(xiàng)目再外包給專(zhuān)業(yè)公司。關(guān)注整個(gè)用戶(hù)體驗(yàn),用體驗(yàn)地圖觸點(diǎn)做設(shè)計(jì),在中型的項(xiàng)目上存在認(rèn)識(shí)不夠或目前達(dá)不到應(yīng)有的預(yù)算和精度。未來(lái)發(fā)展中,相信會(huì)漸逐把重要軟件的整體用戶(hù)體驗(yàn)設(shè)計(jì)、服務(wù)設(shè)計(jì)、品牌設(shè)計(jì)的融入做為增長(zhǎng)點(diǎn)。

  3. 藍(lán)藍(lán)設(shè)計(jì)公司有一個(gè)群,每天都在分享好的UI設(shè)計(jì),如果你有興趣,請(qǐng)報(bào)上姓名和公司職位,我們共同成長(zhǎng)和學(xué)習(xí)。請(qǐng)加微信ben_lanlan, 標(biāo)注“想加入設(shè)計(jì)分享群”.


如何找到一家好的高端網(wǎng)站設(shè)計(jì)公司?

藍(lán)藍(lán)設(shè)計(jì)的小編

       看到知乎上的一個(gè)問(wèn)題:如何找到一家好的高端網(wǎng)站設(shè)計(jì)公司?

       把回答的內(nèi)容也轉(zhuǎn)過(guò)來(lái)記錄一下。


       首先回答:何為高端?



       高端與低端是對(duì)應(yīng)的,目前網(wǎng)站設(shè)計(jì),中低端基本是用模板改改,相對(duì)價(jià)格低,有一些小型公司或不依靠網(wǎng)站運(yùn)營(yíng)收入的公司,“有個(gè)網(wǎng)站就好”,所以可以用這種低投入,內(nèi)容有就行的網(wǎng)站建設(shè)公司,特點(diǎn)是馬上就能用,三五天把內(nèi)容發(fā)布進(jìn)去就可以。備案可能需要一定時(shí)間。



       高端設(shè)計(jì)公司,一般是量身定做,為企業(yè)做網(wǎng)站策劃、分析,按照用戶(hù)研究、網(wǎng)站建站的目的來(lái)進(jìn)行網(wǎng)站的定制欄目頁(yè)的設(shè)計(jì)。做競(jìng)品分析、研究對(duì)方的優(yōu)缺點(diǎn),設(shè)計(jì)的色系和企業(yè)標(biāo)準(zhǔn)色、情感表達(dá)、人物場(chǎng)景、用戶(hù)體驗(yàn)思維,越深入,思考越成熟,做的網(wǎng)站品質(zhì)越有保障。所以需要的時(shí)間、精力、投入相對(duì)多。



       因?yàn)橥度胂鄬?duì)多,所以經(jīng)營(yíng)業(yè)績(jī)好的企業(yè)、集團(tuán)公司、營(yíng)銷(xiāo)類(lèi)大型網(wǎng)站來(lái)定制的比較多。



       我們公司“北京藍(lán)藍(lán)設(shè)計(jì)”就是為定制的高端企業(yè)用戶(hù)、政府網(wǎng)站、軟件公司來(lái)服務(wù)的。我們挺喜歡要求高的客戶(hù),這樣能體現(xiàn)出專(zhuān)業(yè)設(shè)計(jì)的水平,這也是我們和其它建站公司區(qū)別開(kāi)來(lái)的地方。



       我們主要是給大型軟件公司平臺(tái)、系統(tǒng)做UE、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì),用戶(hù)體驗(yàn)優(yōu)化,這個(gè),比網(wǎng)站設(shè)計(jì)更難,更專(zhuān)業(yè)。 往往一個(gè)公司的核心產(chǎn)品,值得把精力金錢(qián)投入到上面,產(chǎn)出最大的回報(bào)。近年來(lái),除了做軟件UI,大屏大數(shù)據(jù)可視化項(xiàng)目外,我們也擴(kuò)展了“愿意把公司網(wǎng)站做成核 心產(chǎn)品”這樣的公司成為合作伙伴,更好的為客戶(hù)提供全方位的服務(wù)。



       一旦成為我們的客戶(hù),設(shè)計(jì)無(wú)憂(yōu)。


       我們一定會(huì)把該做的事做好,并提供超值服務(wù)和額外附加值的。


藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



日歷

鏈接

個(gè)人資料

存檔