淄博阎囤工贸有限公司

首頁

將視頻融入網(wǎng)頁設(shè)計(jì)有哪些講究?

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

隨著網(wǎng)絡(luò)傳輸速度的提升,視頻在網(wǎng)頁中的應(yīng)用越來越多,也越來越廣泛,帶寬和流量對(duì)于網(wǎng)頁視頻的限制已經(jīng)不再像5年前那么明顯。而移動(dòng)端設(shè)備的性能的提升,在移動(dòng)端網(wǎng)頁中使用視頻也并不顯得吃力。所以,今天我們常常能在不同的網(wǎng)頁中看到各種不同功用的視頻。

常言道一圖勝千言,而視頻比起圖片所能承載的信息量更大。如果能夠有效的使用視頻,它對(duì)于用戶的吸引力會(huì)非常明顯——它可以更好的傳遞情緒,更加富有表現(xiàn)力,能讓用戶更容易“感受”到你想要傳遞的信息。不過,相比于其他元素,視頻都比較“重”的媒體,使用的時(shí)候要謹(jǐn)慎。

簡而未減 結(jié)構(gòu)化消息專為大屏而設(shè)計(jì)

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

隨著大屏幕高清分辨率的普及,我們?cè)诖蛴螒颉⒖措娪?、瀏覽美圖時(shí),總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗(yàn),是在小屏幕上完全給予不了的。

圖中可以看出5.5英寸以上屏幕可以稱Phablet,7英寸以上就是Tablet。這次案例以Tablet設(shè)備為主,Phablet設(shè)備為輔進(jìn)行體驗(yàn)設(shè)計(jì)。

騰訊好文!配色新人應(yīng)該學(xué)會(huì)的6個(gè)色彩知識(shí)點(diǎn)

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

今天騰訊的@余盼Designer 從色彩構(gòu)成、色彩聯(lián)想、情感化設(shè)計(jì)、秋冬流行色和案例分析等6個(gè)方面聊聊色彩在設(shè)計(jì)中的應(yīng)用。

幫你搞定長滾動(dòng)網(wǎng)頁的設(shè)計(jì)最佳實(shí)踐

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

長滾動(dòng)頁面和無限滾動(dòng)式的網(wǎng)頁已經(jīng)徹底流行開來了,甚至可以說它已經(jīng)脫離趨勢,成為了一種常規(guī)的設(shè)計(jì),它們的流行并不是巧合。當(dāng)用戶向下滾動(dòng)的時(shí)候頁面的時(shí)候,所需要的內(nèi)容與信息會(huì)自然的呈現(xiàn)出來,在此過程中通常不會(huì)涉及到額外的、多余的交互。

長滾動(dòng)式的頁面有著如下的優(yōu)勢:

·更為精簡的導(dǎo)航
·更容易呈現(xiàn)故事,擁有吸引用戶的潛質(zhì)
·與移動(dòng)端設(shè)備的良好兼容性

揭秘完整過程!人氣過億的QQ主題是如何設(shè)計(jì)出來的?

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

Xhong:主題一直是QQ iPad比較薄弱的一塊,在用戶的強(qiáng)烈呼聲下,項(xiàng)目組決定在6.5版本上線新的主題,為此做了大量的嘗試和思考?;诖笃猎O(shè)計(jì)的QQ iPad主題有何特點(diǎn)?應(yīng)該如何設(shè)計(jì)?在此分享本次主題設(shè)計(jì)總結(jié)。

手把手教你培養(yǎng)專業(yè)的設(shè)計(jì)思維

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

初級(jí)設(shè)計(jì)師脫離出臨摹階段后,最重要的就是培養(yǎng)設(shè)計(jì)思維了。不過什么是設(shè)計(jì)思維?培養(yǎng)出設(shè)計(jì)思維有哪些優(yōu)勢?設(shè)計(jì)思維的過程是怎樣的?今天這篇譯文為你揭秘!

【譯文】Facebook設(shè)計(jì)VP的產(chǎn)品設(shè)計(jì)觀

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

定義框架

1、產(chǎn)品成功的原因在于幫助人們解決問題。這點(diǎn)世人皆知,但卻是打造偉大產(chǎn)品最重要的認(rèn)知。

2、打造新產(chǎn)品的第一步就是弄明白要解決的問題是什么,目標(biāo)用戶是誰。這是在開始思考任何解決方案之前最應(yīng)該弄清楚想透徹的。

3、你應(yīng)該問的第二個(gè)問題是“為什么這種特殊問題值得(我們)解決?”

4、如果產(chǎn)品定義的目標(biāo)用戶范圍很窄(你自己也屬于這類特別用戶之一),那你或許可以依賴直覺來指導(dǎo)產(chǎn)品決策。如果不是,你就應(yīng)該依賴研究和數(shù)據(jù)來進(jìn)行決策。

5、如果你是初創(chuàng)公司的創(chuàng)始人,針對(duì)狹義用戶去解決痛點(diǎn)會(huì)幫助你有一個(gè)良好的開端,當(dāng)有了初步的成果后,再擴(kuò)展到更大范圍的用戶群體。

6、你打算解決的問題應(yīng)該能用一兩句話描述清楚,并與你的目標(biāo)用戶產(chǎn)生共鳴。如果沒有,考慮放棄或改變吧。

玩轉(zhuǎn)草木綠!在這里了解2017的年度潘通流行色

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

作為一家專門以開發(fā)和研究色彩而聞名全球的公司,潘通(Pantone)是目前最有影響力的色彩標(biāo)準(zhǔn)供應(yīng)商,同樣的它也作為每年流行色的風(fēng)向標(biāo)而存在,每年、每個(gè)季度都會(huì)發(fā)布當(dāng)年的流行色,對(duì)于設(shè)計(jì)和時(shí)尚行業(yè)從業(yè)者而言,這都是相當(dāng)值得參考的。

最近Pantone 發(fā)布了2017年的年度色彩,草木綠(Greenery),色彩編號(hào)為15-0343。全新的草木綠充滿了自然的氣息,明亮、清新、干凈。對(duì)于這款全新的色彩,Pantone 是這樣描述的:“草木綠介于黃綠之間,它是喚醒春天的第一抹色彩,充滿了自然的生機(jī),帶有重生、更始的意義。草木綠呈現(xiàn)出了植物蓬勃的生命力,將勃勃生機(jī)視覺化地呈現(xiàn)到用戶眼前,讓用戶不由得想深吸一口,提振情緒,重獲新生?!?

用這個(gè)方法,輕松提高H5動(dòng)畫的開發(fā)效率!

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

Janilychen:以往做一些H5的運(yùn)營項(xiàng)目,都是動(dòng)畫設(shè)計(jì)師使用Animate cc(原來的Flash)先設(shè)計(jì)好動(dòng)畫原型,然后交給我們UI開發(fā)來實(shí)現(xiàn)。做過動(dòng)畫開發(fā)的童鞋都知道動(dòng)畫開發(fā)都是比較耗費(fèi)時(shí)間精力的,而且還要高質(zhì)量的還原動(dòng)畫設(shè)計(jì)師設(shè)計(jì)好的動(dòng)畫,來回溝通成本也非常高。

那有沒有一種的方法來改善這種流程,提高開發(fā)效率的同時(shí)還能完成高品質(zhì)的動(dòng)畫呢?

經(jīng)過一段時(shí)間的摸索,發(fā)現(xiàn)AnimateCC(就是原來的Flash)可以導(dǎo)出canvas動(dòng)畫,而且是基于createjs這個(gè)開發(fā)輕量級(jí)游戲的js庫的,非常適合用來做移動(dòng)端的一些h5動(dòng)畫。不僅縮短制作動(dòng)畫所需要的時(shí)間。同時(shí)它也是一個(gè)可視化的IDE,不需要編寫代碼就可以完成高品質(zhì)的動(dòng)畫效果;還可以通過Javascript,為動(dòng)畫效果添加交互性。

這些經(jīng)典的英文字體,設(shè)計(jì)師都應(yīng)該知道

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

對(duì)于設(shè)計(jì)師而言,熟知各種字體的來源和特征可以說是基本功。除了分辨得出各種經(jīng)典的中文字體之外,經(jīng)典的英文字體同樣是需要有所了解的。和我們所熟悉的簡體中文字體不同,現(xiàn)在所用的許多英文字體擁有著久遠(yuǎn)的歷史,其中許多字體甚至是在幾個(gè)世紀(jì)之前就已經(jīng)在排版印刷行業(yè)當(dāng)中投入使用了。當(dāng)然,其中的絕大多數(shù)都在20世紀(jì)經(jīng)過重設(shè)計(jì),這才更加具備現(xiàn)代字體的特征。

今天我們對(duì)這些字體的源流、特征進(jìn)行了一個(gè)基本的梳理,其中不少字體都已經(jīng)集成到你的電腦字體庫當(dāng)中,其他的你也可以很輕松的在網(wǎng)絡(luò)上找到。

日歷

鏈接

個(gè)人資料

存檔

镇原县| 西宁市| 常宁市| 阿拉尔市| 扎鲁特旗| 昌乐县| 广元市| 德兴市| 霍林郭勒市| 佛山市| 福清市| 安新县| 左贡县| 平度市| 漳平市| 玉溪市| 吕梁市| 林州市| 嘉黎县| 合作市| 克什克腾旗| 益阳市| 马公市| 塘沽区| 庆阳市| 区。| 中阳县| 苏尼特左旗| 鄂州市| 大悟县| 泰州市| 襄垣县| 彰化市| 怀集县| 扎鲁特旗| 崇信县| 奉节县| 德兴市| 城口县| 大同市| 渝中区|