首頁

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

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

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

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

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

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

隨著大屏幕高清分辨率的普及,我們在打游戲、看電影、瀏覽美圖時,總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗(yàn),是在小屏幕上完全給予不了的。

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

實(shí)戰(zhàn)經(jīng)驗(yàn)!交互設(shè)計(jì)師如何與產(chǎn)品經(jīng)理協(xié)作?

周周

@薛斯塔 :交互設(shè)計(jì)師產(chǎn)品經(jīng)理的協(xié)作問題是產(chǎn)品設(shè)計(jì)中的一個老大難,我在工作中經(jīng)常會聽到同行對產(chǎn)品經(jīng)理們的血淚控訴。作為交互設(shè)計(jì)師,學(xué)會和團(tuán)隊(duì)中不同的角色協(xié)作是我們的專業(yè)能力之一,如何溝通、影響乃至于推動自己的設(shè)計(jì)方案進(jìn)行實(shí)施是每一位設(shè)計(jì)師需要去磨練的,這不僅僅是那份執(zhí)著,更是一種技巧。

下面進(jìn)入譯文。

在互聯(lián)網(wǎng)行業(yè),交互設(shè)計(jì)師還是一個相對比較新的職位。因此,在工作中我們常常見到產(chǎn)品經(jīng)理過多介入交互設(shè)計(jì)師的工作,甚至有的團(tuán)隊(duì)直接讓產(chǎn)品經(jīng)理來做交互設(shè)計(jì)的工作,這是為什么呢?實(shí)際上,在互聯(lián)網(wǎng)發(fā)展的早期,這確實(shí)是同一個人的工作!產(chǎn)品經(jīng)理的職能之一就是支持和協(xié)助部署交互設(shè)計(jì)方案,以確保產(chǎn)品的方案可行性。隨著互聯(lián)網(wǎng)的成熟發(fā)展和工作職位的細(xì)分,交互設(shè)計(jì)師這個被細(xì)分出來的角色被定位出來設(shè)計(jì)產(chǎn)品的交互方案是威脅到了產(chǎn)品經(jīng)理的工作范疇。

因此,在日常工作中,產(chǎn)品經(jīng)理和交互設(shè)計(jì)師這對冤家是一直在暗中腳力的,交互設(shè)計(jì)師的方案每每遭到產(chǎn)品經(jīng)理的質(zhì)疑甚至是無視,這其中有專業(yè)能力層面的合理分歧,當(dāng)然也夾雜著一些主觀層面的感受之爭,最終導(dǎo)致的是產(chǎn)品經(jīng)理經(jīng)常性的忽視來自體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的一些方案建議。那么,我們?nèi)绾尾拍芨纳苾烧咧g的合作關(guān)系,從而使兩者能夠客觀的協(xié)作制定合理的體驗(yàn)設(shè)計(jì)方案呢?

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

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

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

頂尖高手的分享!交互設(shè)計(jì)師如何與他人合作?

周周

@凌霜設(shè)計(jì) (Frog Design交互生): 作為一名交互設(shè)計(jì)師,如何更好地與項(xiàng)目里的其他人合作?如何更好地利用大家的時間?團(tuán)隊(duì)經(jīng)理用畫圖的方式跟我解釋了一下,有些問題并沒有直接的答案,但是我覺得解釋的方式很有趣,我憑著記憶把它們重新畫了一下,和大家聊聊合作的問題。

今天和我的經(jīng)理聊了一下最近工作上發(fā)生的事:上周做了什么,這周和下周準(zhǔn)備要做什么。剛剛結(jié)束了設(shè)計(jì)階段(Design Sprint)1,和客戶開了遠(yuǎn)程會議,收到了許多的反饋意見,各個方面的都有。

現(xiàn)在項(xiàng)目正處于一種(我覺得)特別尷尬的階段:視覺設(shè)計(jì)師只出了初步的幾個概念圖,程序員還在準(zhǔn)備框架,尚未開始寫代碼,但是根據(jù)原先的計(jì)劃,這周就要開始開發(fā)了。作為交互設(shè)計(jì)師,一方面留著一大堆反饋意見還沒有反映到線框圖中,另一方面設(shè)計(jì)階段2的任務(wù)已經(jīng)要來了。雖然還沒有開始設(shè)計(jì),但從可能的流程上來看,任務(wù)量巨大,是一個特別復(fù)雜的系統(tǒng),不光是設(shè)計(jì)一個新的交互方式,還是新的工作方式和商業(yè)模式,心里真沒底。

我把自己的困惑告訴了經(jīng)理:作為一名交互設(shè)計(jì)師,如何更好地與項(xiàng)目里的其他人合作?如何更好地利用大家的時間?他用了畫圖的方式跟我解釋了一下,有些問題并沒有直接的答案,但是我覺得解釋的方式很有趣,我憑著記憶把它們重新畫了一下,和大家聊聊合作的問題。

什么是敏捷開發(fā)(Agile)

先說一下總體的合作方式,我們用的是敏捷開發(fā)(Agile)的方式。維基百科上是這么解釋的:

敏捷軟件開發(fā)(英語:Agile software development),又稱敏捷開發(fā),是一種從1990年代開始逐漸引起廣泛關(guān)注的一些新型軟件開發(fā)方法,是一種應(yīng)對快速變化的需求的一種軟件開發(fā)能力。它們的具體名稱、理念、過程、術(shù)語都不盡相同,相對于“非敏捷”,更強(qiáng)調(diào)程序員團(tuán)隊(duì)與業(yè)務(wù)專家之間的緊密協(xié)作、面對面的溝通(認(rèn)為比書面的文檔更有效)、頻繁交付新的軟件版本、緊湊而自我組織型的團(tuán)隊(duì)、能夠很好地適應(yīng)需求變化的代碼編寫和團(tuán)隊(duì)組織方法,也更注重軟件開發(fā)過程中人的作用。

如果把這種方法簡單視覺化一下,就如下圖:

日歷

鏈接

個人資料

存檔