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

首頁(yè)

UI設(shè)計(jì)規(guī)范

博博


惹不起的設(shè)計(jì)師 2017-02-20 15:03:14

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


UI設(shè)計(jì)拋開視覺設(shè)計(jì)不談,更多的是尺寸、適配等一些問題。這些問題往往是初學(xué)者比較難以理解的問題。更多的應(yīng)用于簡(jiǎn)化開發(fā)過程、使多個(gè)產(chǎn)品擁有一致的體驗(yàn),是落到實(shí)處的東西。由于負(fù)責(zé)各個(gè)產(chǎn)品線的產(chǎn)品經(jīng)理并非同一人,如果此時(shí)設(shè)計(jì)師們又是滲透到各個(gè)產(chǎn)品組中,那么產(chǎn)品之間的體驗(yàn)就根本讓用戶感覺不出是一個(gè)部門設(shè)計(jì)開發(fā)出來的。規(guī)范是大型項(xiàng)目必須的,可以簡(jiǎn)化開發(fā)成本、減少各個(gè)部門之間的溝通成本。

這是你苦苦追尋的UI設(shè)計(jì)規(guī)范,趕快收藏!

這是你苦苦追尋的UI設(shè)計(jì)規(guī)范,趕快收藏!

這是你苦苦追尋的UI設(shè)計(jì)規(guī)范,趕快收藏!

這是你苦苦追尋的UI設(shè)計(jì)規(guī)范,趕快收藏!

這是你苦苦追尋的UI設(shè)計(jì)規(guī)范,趕快收藏!

藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)


優(yōu)秀UI界面設(shè)計(jì)評(píng)析

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

男生運(yùn)動(dòng)鞋商店支付界面,顏色搭配非常舒服,鞋子攝影也很漂亮,字體字號(hào)運(yùn)用非常到位。

ofo《我們看過的世界杯》H5

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

項(xiàng)目背景:為了配合世界杯做的H5活動(dòng),主題是DIY你的世界杯時(shí)刻                                      

玩法:選擇自己看世界杯的場(chǎng)景,可以在畫面當(dāng)中添加食物和自定義的小元素,另外根據(jù)場(chǎng)景的變換人物的腿也可以選擇哦                                                 

項(xiàng)目周期大概半個(gè)月,和團(tuán)隊(duì)的小伙伴一起完成的,感謝@珊,@暖暖,@明明   

使用工具包括sketch、ps、手繪板                                                                    

 

ps:做H5真的是很累,工作量大,畫的手疼,不過也積累了很多的經(jīng)驗(yàn),上線了好開心!

請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖請(qǐng)登錄并驗(yàn)證郵箱后查看原圖

藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)



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

博博

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

嗨兔科技 2018-06-11 10:41:59

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


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

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

漸變色

在過去的幾年里,越來越多的設(shè)計(jì)師在設(shè)計(jì)作品時(shí)采用了色彩漸變的方法,今年的流體漸變更是風(fēng)靡全球。即使你只選擇了一種顏色,也可以在色彩漸變和不同圖片的幫助下,營(yíng)造出出豐富的層次結(jié)構(gòu)感,繪制出一幅令人賞心悅目的畫面。因此,色彩漸變的流行之風(fēng)不僅在席卷了2017年整年,還將會(huì)在2018年繼續(xù)流行下去。

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

icon由線轉(zhuǎn)面、刻畫細(xì)節(jié)

現(xiàn)在的ios12中,采用了面性圖標(biāo),未選中和選中狀態(tài)只有顏色上的區(qū)分,并且圖標(biāo)更加圓潤(rùn)。目前很多用戶界面已經(jīng)給頁(yè)面底部標(biāo)簽欄的icon加上微動(dòng)效底部標(biāo)簽欄icon不僅有微動(dòng)效,十分有意思,符合當(dāng)下95后00后的用戶心態(tài)。同時(shí)細(xì)節(jié)的設(shè)計(jì)帶給用戶的感受也會(huì)上一個(gè)檔次。

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

透明度+重疊

字體、圖形以及顏色的重疊,不僅可以使界面看上去更加醒目鮮明,還可以營(yíng)造出一種空間感。 相同元素的重疊,再輔以陰影,也會(huì)使整個(gè)APP界面的設(shè)計(jì)產(chǎn)生更多的奇妙感,牢牢抓住用戶眼球,給他們留下深刻印象。因此,用戶體驗(yàn)設(shè)計(jì)中,不同元素的重疊將會(huì)成為2018年的趨勢(shì)。

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

卡片+投影相結(jié)合

ios12中采用了大圓角卡片設(shè)計(jì),它不再像過去MD中的小圓角那樣呆板,大圓角讓設(shè)計(jì)更加輕快大氣。相信大家已經(jīng)看到了很多卡片都使用了投影這一手法,輕微的、似有似無的投影,不會(huì)被用戶立即察覺,但是會(huì)給設(shè)計(jì)增加深度,形成層疊的關(guān)系,更加醒目,可以更好的抓住用戶的注意力。

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

插畫風(fēng)格

插畫風(fēng)格運(yùn)用的越來越廣泛,適用于app當(dāng)中的啟動(dòng)頁(yè)、缺省頁(yè)、banner圖、專題頭圖、彈窗插畫、icon等等,UI界面有各式各樣的插畫風(fēng)格——如手繪風(fēng)格、簡(jiǎn)約風(fēng)格、MBE風(fēng)格、剪紙風(fēng)格和孟菲斯風(fēng)格等。這些插畫風(fēng)格的使用不僅使APP更加有趣和與眾不同,同時(shí)也賦予了用戶界面?zhèn)€性,這就在界面設(shè)計(jì)層出不窮的當(dāng)下能夠給用戶留下更為深刻的印象。

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

較強(qiáng)的顏色或字體大小對(duì)比

強(qiáng)烈的顏色或字體對(duì)比也可以幫助設(shè)計(jì)師設(shè)計(jì)出優(yōu)秀的用戶界面來吸引用戶的注意。例如,添加不同樣式、類型、大小的字體,也可以傳遞層次和空間的感覺。而不同類型和風(fēng)格的配色也會(huì)形成鮮明的對(duì)比,使整個(gè)設(shè)計(jì)更加豐富多彩和引人注目。

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

3D效果正流行

今年C4D大熱,相信大家已經(jīng)感受到了,今年雙十一很多商家都使用了3D效果,有的還加上了動(dòng)效,可以讓你全方位、多角度、更加真實(shí)的觀察商品。目前還不會(huì)C4D的設(shè)計(jì)師們,為了提升你的競(jìng)爭(zhēng)力,有必要學(xué)起來了,畢竟技多不壓身。

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

交互動(dòng)效

給APP的圖標(biāo)、字體、照片和按鈕添加動(dòng)畫或交互總是對(duì)用戶有著積極的影響,因?yàn)樗軒в脩舾嘤淇斓捏w驗(yàn)。它的幾點(diǎn)特性:快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果。所以這一趨勢(shì)在2018年還將繼續(xù)流行下去。

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

動(dòng)態(tài)視頻

一般小視頻使用在啟動(dòng)頁(yè)多用于第一次打開app的場(chǎng)景,對(duì)用戶的代入感較強(qiáng)再如由動(dòng)態(tài)圖片轉(zhuǎn)變成動(dòng)態(tài)視頻,圖片中有少量的動(dòng)態(tài)元素,仿佛賦予圖片生命,比較唯美和貼近現(xiàn)實(shí)。手機(jī)banner設(shè)計(jì)上也會(huì)采用動(dòng)態(tài)視頻進(jìn)行展現(xiàn),方便360度的查看商品,刺激你剁手的欲望。

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

VR/AR/VUI是未來的大趨勢(shì)

眾所周知,現(xiàn)在VR(虛擬現(xiàn)實(shí))和AR(增強(qiáng)現(xiàn)實(shí))VUI(語音交互設(shè)計(jì))大火,它們的核心都是計(jì)算機(jī)視覺和聽覺。VR目前在娛樂領(lǐng)域被使用,而AR將會(huì)真正影響我們的工作和生活,多用于多媒體、市場(chǎng)營(yíng)銷、教育等方面。VUI在醫(yī)療和戶外活動(dòng)方面會(huì)發(fā)揮出前所未有的用戶超級(jí)體驗(yàn)。

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

我們?yōu)閯?chuàng)造者和變革者而生,我們幫助企業(yè)制定用戶體驗(yàn)策略,為用戶創(chuàng)造精彩的數(shù)字體驗(yàn),并通過品牌設(shè)計(jì)與用戶建立情感的連接,用設(shè)計(jì)驅(qū)動(dòng)商業(yè)策略的成功。

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


藍(lán)藍(lán)設(shè)計(jì)www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)




Win10最具雄心的UI實(shí)驗(yàn),微軟砍掉了

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

IT之家6月28日消息 今天微軟推送了的Windows 10 RS5快速預(yù)覽版17704系統(tǒng),在該版本中,微軟刪除了Sets窗口管理功能,這是一種全新的任務(wù)型分組的Windows UI多窗口。被譽(yù)為Windows 95以來最大窗口UI變動(dòng)。

UI按鈕設(shè)計(jì)發(fā)展史

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

當(dāng)我們?cè)诰W(wǎng)上購(gòu)物,提交我們個(gè)人信息都需要用到按鈕。網(wǎng)頁(yè)UI設(shè)計(jì)的增長(zhǎng)很快,風(fēng)格似乎也是一個(gè)月一變。最近幾年,我們經(jīng)歷過從文 本鏈接到擬物化設(shè)計(jì)再到扁平化瀑布流設(shè)計(jì)。導(dǎo)航是網(wǎng)頁(yè)設(shè)計(jì)中最重要的元素,并且按鈕是最重要的行為工具。

各家UI時(shí)代一覽

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

前方山高水長(zhǎng),我們都在路上。

智能汽車UI與手機(jī)UI的設(shè)計(jì)區(qū)別

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

隨著特斯拉智能電動(dòng)汽車憑借其全新的電動(dòng)能源和智能化的大屏操作系統(tǒng)在全球的走紅。在中國(guó)也引起了強(qiáng)烈的蝴蝶效應(yīng),小鵬汽車,蔚來汽車和威馬汽車等主打互聯(lián)網(wǎng)智能的汽車應(yīng)運(yùn)而生。在新的一年汽車UI可能會(huì)成為下一個(gè)設(shè)計(jì)熱點(diǎn)。

nubia UI的那些事

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

說起nubia,很多人的印象當(dāng)中就是硬件很不錯(cuò),但是系統(tǒng)很渣,自己也是4年的老牛仔了,對(duì)于Nubia的系統(tǒng),是看著它一點(diǎn)一點(diǎn)成長(zhǎng)的,咱們先談?wù)凬ubia UI 的歷史:

2018端午節(jié),就是想送你份口味“粽”——H5分享

資深UI設(shè)計(jì)者

端午節(jié)到了,阿里巴巴TXD的小伙伴們準(zhǔn)備送你只'口味粽',祝大家假期玩的開開心心,點(diǎn)擊圖片識(shí)別二維碼便可生成你專屬的‘口味粽’。


01

項(xiàng)目背景


Image title

阿里對(duì)待中秋節(jié)會(huì)更加的濃重,每年中秋節(jié)所有的員工都會(huì)收到精美的月餅和祝福。相比之下我們的端午節(jié)就過得比較平淡了,于是咱們團(tuán)隊(duì)的小伙伴們準(zhǔn)備做一個(gè)H5,用我們的自己的方式送大家以及自己一枚口味粽。


整個(gè)項(xiàng)目的初衷有兩個(gè),一個(gè)是代表TXD送給大家端午節(jié)的祝福,另一個(gè)就是用團(tuán)隊(duì)協(xié)作的方式在極短的時(shí)間里面設(shè)計(jì)一款H5。


02

項(xiàng)目思路


對(duì)于我們來說最大的挑戰(zhàn)是時(shí)間。距離端午假期僅剩一周不到的時(shí)間,而大家都有自己的業(yè)務(wù)工作,難道放棄?既然已經(jīng)立下了flag,怎么也得完成。我們制定了項(xiàng)目的節(jié)點(diǎn),并且通過多枚成員分工協(xié)作去完成它。


Image title

Image title

大部分項(xiàng)目是需要協(xié)作完成的,一旦協(xié)作不好,項(xiàng)目進(jìn)度則事倍功半。所以最考驗(yàn)大家的是怎么進(jìn)行更的協(xié)作。通過有效的決策,我們讓協(xié)作變得順利。


Image title





Image title


我們通過小組會(huì)議確定玩法后,分配人員進(jìn)行文案和交互設(shè)計(jì)。由主設(shè)計(jì)師定下設(shè)計(jì)風(fēng)格,其他設(shè)計(jì)根據(jù)風(fēng)格繪制UI以及其他場(chǎng)景素材。所有素材實(shí)時(shí)同步在項(xiàng)目群里,確保保持統(tǒng)一的風(fēng)格。


03

項(xiàng)目介紹


首先我們的粽子不是一般的粽子≧ω≦,我們粽子的餡兒都采用各種珍稀的食材。

Image title


這些“珍稀”食材通過我們神秘的構(gòu)造機(jī)做成不同的神奇粽子!

Image title

Image title

Image title

Image title



更多不一樣的粽子,通過我們的機(jī)器定制屬于自己的神奇粽子。


本次的項(xiàng)目屬于我們的團(tuán)隊(duì)成員通過空閑時(shí)間在短時(shí)間里面完成的。只是想送給端午節(jié)的童鞋們一個(gè)小小的祝福。

日歷

鏈接

個(gè)人資料

存檔