男人天堂一区_超91国在线观看免费_亚洲va久久久噜噜噜无码久久_成人午夜性A级毛片免费-亚洲人成在线中文无码毛片,青青青国产依人在线观看,婷婷色香合缴缴情,国产中文字幕六九九九

首頁

好的網(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ā)展,越來越多的企業(yè)開始意識(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)豐富的開發(fā)團(tuán)隊(duì),能夠根據(jù)客戶需求和市場趨勢(shì)快速設(shè)計(jì)、開發(fā)出高品質(zhì)的定制化網(wǎng)站。無論是企業(yè)官網(wǎng)、電子商務(wù)平臺(tái)還是在線教育等領(lǐng)域,藍(lán)藍(lán)設(shè)計(jì)都能夠提供專業(yè)、個(gè)性化的網(wǎng)站解決方案。

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

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)www.1leven.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。




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

前端達(dá)人

在當(dāng)今數(shù)字化世界中,用戶體驗(yàn)和視覺設(shè)計(jì)已經(jīng)成為商業(yè)成功的關(guān)鍵因素。在這樣一個(gè)競爭激烈的市場環(huán)境中,擁有出色的UI設(shè)計(jì)策略已經(jīng)成為企業(yè)必不可少的競爭優(yōu)勢(shì)之一。因此,選擇一家專業(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ì)由一群充滿激情、有豐富經(jīng)驗(yàn)的專業(yè)人士組成,涵蓋了用戶研究、交互設(shè)計(jì)、視覺設(shè)計(jì)等方面,為客戶打造出色的用戶體驗(yàn)和高質(zhì)量的產(chǎn)品。

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

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

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

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





優(yōu)秀的UI設(shè)計(jì)不僅僅是美觀和易用,更需要考慮用戶體驗(yà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ì)在用戶研究、交互設(shè)計(jì)、視覺設(shè)計(jì)等方面都具備深厚的實(shí)力。他們的團(tuán)隊(duì)不斷探索新的設(shè)計(jì)趨勢(shì)和技術(shù)手段,以確保為客戶提供最佳的設(shè)計(jì)方案。無論是App設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)還是平面設(shè)計(jì),藍(lán)藍(lán)設(shè)計(jì)都能夠滿足客戶的需求。與藍(lán)藍(lán)設(shè)計(jì)合作,你可以獲得創(chuàng)新性、高質(zhì)量和可持續(xù)性的UI設(shè)計(jì)服務(wù),讓你的品牌在市場中脫穎而出。



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

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



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



藍(lán)藍(lán)設(shè)計(jì)www.1leven.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

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

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

偶爾有來咨詢的客戶會(huì)詢問:設(shè)計(jì)需求文檔怎么寫?給我一個(gè)模板吧。

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

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

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

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

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

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

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

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

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

前端達(dá)人

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


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


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

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


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

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

1.png


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

2.png

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


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


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

方法一

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

方法二

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

3.png


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

方法三

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

4.png


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


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

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

 

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


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

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

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


5.png


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

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

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

       也可以分組把同類的操作聚合在一起,把常用的放在目之所及,不常用的點(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ì)圖表:曲線圖,柱狀圖讓用戶直觀的去解讀,而不必一直看枯燥的數(shù)字。

6.png



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







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

前端達(dá)人


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



       藍(lán)藍(lán)設(shè)計(jì)一直關(guān)注著國際國內(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ì)類型中都可以找到它。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小工具分為大、中、小三種尺寸,用戶可以自由布置界面。因此設(shè)計(jì)師需要設(shè)計(jì)3種樣式的Widgets小工具圖標(biāo)。

4.jpg

5.jpg

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

7.jpg

8.jpg

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

9.jpg

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

10.jpg

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


11.jpg


12.jpg

13.jpg

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

14.jpg

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

15.jpg

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

16.jpg

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

17.jpg

18.jpg

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

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

19.jpg

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

20.jpg 

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

21.jpg

22.jpg

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

23.jpg

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

24.jpg


25.jpg

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

26.jpg

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


27.jpg


28.jpg

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

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

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

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

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

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

30.jpg

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

31.jpg

32.png

       本文藍(lán)藍(lán)設(shè)計(jì)著重介紹一個(gè)未來可以配合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)是一種圖形樣式,其原理是通過簡單富有層次的光影變化為界面的UI元素賦予真實(shí)感。新擬物算擬物風(fēng)格的一種,只不過表現(xiàn)形式相對(duì)特立獨(dú)行,最早出現(xiàn)在國外網(wǎng)站dribbble上,之后陸續(xù)被收錄在2020設(shè)計(jì)趨勢(shì)預(yù)測中,在2019年的年末慢慢被大家熟知,討論,重視起來。

35.png

36.png

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

37.png

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

38.png

39.png

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

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

40.png

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

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



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


42.png


欣賞更多界面及其它作品請(qǐng)?jiān)L問
www.1leven.cn




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

UI經(jīng)驗(yàn):軟件首頁怎么設(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ì)和視覺設(shè)計(jì)。每個(gè)軟件首頁怎么設(shè)計(jì)?如何進(jìn)行首頁上的內(nèi)容取舍,最終客戶和上司是究竟想要什么?是客戶們(產(chǎn)品經(jīng)理或技術(shù)總監(jiān))普遍感到為難的地方,希望有外部的專業(yè)設(shè)計(jì)力量來參與意見,多一份力量。

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

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

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

  • 用戶常用的功能是哪些?

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

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

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

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

avz1k-b5io7.jpg

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

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

aniwl-8inwf.jpg

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

a3s8x-ilo2u.jpg


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

au0ez-pa0w5.jpg


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


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


asm0e-r1gcl.jpg

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

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

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

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

『流量寶』中國電信出品。

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

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

分析內(nèi)容:

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

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

3. 色彩對(duì)比

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

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

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

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

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

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

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

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

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

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

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

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

aaryx-rj02r.jpg

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

交互方向:減化路徑、清晰簡潔

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

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

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

aca46-05o6b.jpg

avjc5-qtihj.jpg

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

a34bi-3t998.jpg

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



a1uzd-ibxp3.jpg

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

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

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


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

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

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

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


       首先回答:何為高端?



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



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



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



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



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



       一旦成為我們的客戶,設(shè)計(jì)無憂。


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


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



日歷

鏈接

個(gè)人資料

存檔