亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

首頁

10個(gè)的CSS UI開源框架

博博

隨著CSS3和HTML5的流行,我們的WEB頁面不僅需要更人性化的設(shè)計(jì)理念,而且需要更酷的頁面和用戶體驗(yàn)。作為開發(fā)者,我們需要了解一些寶貴的CSS UI開源框架資源,它們可以幫助我們更快更好地實(shí)現(xiàn)一些現(xiàn)代化的界面,包括一些移動設(shè)備的網(wǎng)頁界面風(fēng)格設(shè)計(jì)。本文分享了10個(gè)的CSS UI開源框架,有幾個(gè)確實(shí)不錯(cuò),一起來看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架,它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā),是一個(gè)CSS/HTML框架。它使用了的瀏覽器技術(shù),Bootstrap提供了時(shí)尚的排版樣式,表單,buttons,表格,網(wǎng)格系統(tǒng)等等。

官方網(wǎng)站:http://getbootstrap.com/

2、jQuery UI - 基于jQuery的開源Javascript框架

jQuery UI是一款基于jQuery的開源Javascript框架,jQuery UI框架主要提供了用戶交互、動畫、和可更換主題的可視控件,讓開發(fā)者可以更方便地實(shí)現(xiàn)網(wǎng)頁交互界面,jQuery UI的整個(gè)框架比較龐大,但你也可以根據(jù)自己需要使用的功能生成適合自己的框架底層。jQuery UI界面設(shè)計(jì)非常漂亮,值得一試。

 

狙擊頂尖高手!20個(gè)最值得關(guān)注的BEHANCE創(chuàng)意設(shè)計(jì)師

博博

behance-designer-top-20-1

編者按:想知道Behance上有哪些設(shè)計(jì)師值得關(guān)注,看這個(gè)列表就對了!作為全球最大的藝術(shù)展示社區(qū),優(yōu)秀的設(shè)計(jì)師每天都會抽時(shí)間到Behance上學(xué)習(xí),作汲取靈感之用。如果你不知道有哪些人值得Follow,這篇剛好對味!

人氣流量通通要!電商網(wǎng)站商品頁設(shè)計(jì)超全面指南

博博

這是一個(gè)外國小哥寫給其他想進(jìn)入中國市場的外國設(shè)計(jì)師的,用來學(xué)習(xí)中國互聯(lián)網(wǎng)是個(gè)什么樣子,很多我們習(xí)以為常的東西在國外都變得不可思議,感受下。

網(wǎng)頁產(chǎn)業(yè)的動蕩與中國的飛速發(fā)展有著許多相似之處:至少他們都是令人捉摸不定的。但是如果你把這兩件事情放在一起的話,你就會看到一幅快速變化的中國互聯(lián)網(wǎng)發(fā)展的畫面 。為了不被淘汰,我們必須展望未來, 以便盡早迎接變革。

別小瞧了中國的網(wǎng)頁領(lǐng)域,它并沒有你想象中那么簡單,尤其是在個(gè)別的關(guān)鍵方面——中國用戶的預(yù)期和西方用戶簡直差太多了。接下來我將帶你進(jìn)入網(wǎng)頁專家的視角,一起來看看移動社交平臺的爆紅,以及那些優(yōu)秀的設(shè)計(jì)師和作品。

看了都說好!如何建立交互設(shè)計(jì)自查表?

博博

很多同學(xué)做設(shè)計(jì)的時(shí)候經(jīng)常會漏掉這個(gè)漏掉那個(gè),等到開發(fā)來問的時(shí)候才想到。現(xiàn)在有了網(wǎng)易同學(xué)自創(chuàng)的自查表,可以把一些問題提前預(yù)防起來,文章系統(tǒng)全面,條理性強(qiáng),是不可多得的實(shí)用好文呦。

飛靈:對于移動應(yīng)用來說,移動情景非常復(fù)雜,設(shè)備也很多樣。那么在設(shè)計(jì)之后,設(shè)計(jì)評審之前,你的交互稿考慮的細(xì)節(jié)是否完善,對特殊狀態(tài)的描述是否有遺漏,你是怎么提前發(fā)現(xiàn)一些問題并查漏補(bǔ)缺的?為解決這個(gè)問題,我們團(tuán)隊(duì)建立了一份交互設(shè)計(jì)自查表,并且在版本迭代的過程中同步迭代,補(bǔ)充新出現(xiàn)的異常點(diǎn)。

這份表格梳理了用戶在完成具體任務(wù)過程中的各種異常情況。它不會顯示交互的所有細(xì)節(jié),但是卻能為特定的目標(biāo)提供用戶體驗(yàn)的全面視角。這個(gè)目標(biāo)可能是高層次的,例如:進(jìn)行某項(xiàng)操作無網(wǎng)絡(luò)時(shí),應(yīng)該如何展示;網(wǎng)絡(luò)不佳時(shí)應(yīng)該如何處理等。在此過程中,可能由于特殊的使用場景,解決方案會有不同,但是這份表格會提醒你去深入地思考一個(gè)解決方案。以下是我在總結(jié)這些異常情況時(shí)的一些小經(jīng)驗(yàn)。

視覺設(shè)計(jì)如何“一稿就過”—— 談?wù)勛罱冗^的坑

用心設(shè)計(jì)

時(shí)我的心情可以用”崩潰“來形容,我感覺在眾人面前尊嚴(yán)全無,感覺兩周的辛苦完全浪費(fèi)了,感覺自己的專業(yè)能力被完全無視。團(tuán)隊(duì)成員的積極性也受到
了嚴(yán)重的打擊,有人覺得何必浪費(fèi)精力去探索創(chuàng)新,老板說啥就做啥挺好。那個(gè)時(shí)候我一度想過離職,因?yàn)槲覍?shí)在是不知道該怎么面對后面的事情。

索性經(jīng)過一段時(shí)間,我又恢復(fù)了理智,我發(fā)現(xiàn)之前的方法存在嚴(yán)重的問題:在設(shè)計(jì)過程中缺乏老板及其他leader的參與。這么做絕不是為了迎合老板,而是對于一個(gè)to B產(chǎn)品來說,理解的成本非常高,不管是格局、經(jīng)驗(yàn),還是其他因素,設(shè)計(jì)師都 難以到達(dá)和leader同樣的高度,而這個(gè)問題在C端產(chǎn)品上雖也存在,但不至于那么明顯(C端的產(chǎn)品理解成本較低,大家的理解不會存在太大偏差)。比如同 樣是對于大數(shù)據(jù),我們想到的關(guān)鍵詞是”實(shí)驗(yàn)、匯聚、科技、工具、安全、價(jià)值”等,而老板可能想到的是“0和1、太極、宇宙、水晶球“等等。

我們具體是怎樣做的呢?當(dāng)然不是直接問老板要怎樣設(shè)計(jì)啦,而是采用一種”預(yù)訪談“的形式,我給它起了個(gè)名字叫”投石問路“法。

lj20151110

教你如何在設(shè)計(jì)中充分運(yùn)用黃金比例

用心設(shè)計(jì)

黃金比例是一個(gè)比較特殊的數(shù)學(xué)比例,通常我們會用線段分割來解釋這個(gè)比例:把一條線段分割為兩部分,較短部分與較長部分長度之比等于較長部分與整體長度之比,其比值是一個(gè)無理數(shù),取其前三位數(shù)字的近似值是0.618。

10個(gè)必備的移動UI設(shè)計(jì)資源站

博博

值得慶幸的是,國外已經(jīng)有很多優(yōu)秀的移動用戶界面資源是可用的,這些先驅(qū)的寶貴資源可以大大幫助你的移動設(shè)計(jì)或開發(fā)你的響應(yīng)式網(wǎng)站。相信今天要隆重推薦的10個(gè)網(wǎng)站,無論是在你設(shè)計(jì)一個(gè)新的移動應(yīng)用程序還是尋找特定的設(shè)計(jì)解決方案時(shí),他們都會踏踏實(shí)實(shí)的幫助到你。

1. Konigi

這個(gè)網(wǎng)站上展示了許多完美的交互設(shè)計(jì)和視覺設(shè)計(jì)案例,網(wǎng)站提供了許多不同的方式來引導(dǎo)你便捷的搜尋感興趣的項(xiàng)目!一定要利用好標(biāo)簽喲。

從可用性角度重新解讀設(shè)計(jì)風(fēng)格的變遷史

用心設(shè)計(jì)

鑒于早期的圖形化用戶界面中,立體效果被大肆用在所有地方,這還包含了陰影、漸變和高光等一系列的效果,其目的是為了讓用戶能第一眼就識別出行動按鍵。然而,早期的GUI把這些偽3D效果應(yīng)用得太過火了,在視覺上造成了相當(dāng)?shù)母蓴_,并極富侵略性。

9bph20151107

最佳比例的秘密!教你如何在設(shè)計(jì)中充分運(yùn)用黃金比例

周周

what-is-golden-ratio-1

吉薩金字塔、蒙娜麗莎、Twitter和百事可樂有什么共同點(diǎn)?答案很簡單,它們的設(shè)計(jì)都遵循了黃金比例。作為一個(gè)常見的數(shù)學(xué)比例,黃金比例實(shí)際上是從自然界中總結(jié)并發(fā)現(xiàn)的,用于設(shè)計(jì)中的時(shí)候能賦予作品更多的設(shè)計(jì)美感,賞心悅目。那么,黃金比例到底是怎么樣的比例,它又是如何運(yùn)用到設(shè)計(jì)中并提升設(shè)計(jì)作品的呢?

高手之路!讓你的作品更有設(shè)計(jì)感的9個(gè)小技巧

博博

今天微博上看到一位設(shè)計(jì)師說:做,就會錯(cuò);可不做,永遠(yuǎn)對不了。深以為然,趕緊點(diǎn)贊。如果那么巧,你剛好在不斷試錯(cuò)的設(shè)計(jì)階段,那今天這篇好聞推薦學(xué)習(xí)一下。作者分享了9個(gè)實(shí)用的小技巧,幫你的半成品設(shè)計(jì)變成完整好看的作品,希望同學(xué)們多動手多看前輩的經(jīng)驗(yàn),一起加油。

說這句話的設(shè)計(jì)師是@牛MO王涵,他也在優(yōu)設(shè)分享過很多好文喲:《過稿有訣竅!5個(gè)超實(shí)用技巧讓設(shè)計(jì)作品變得高大上》

see-more-make-design-grade

也許你還是一個(gè)設(shè)計(jì)新手,但你也想讓你的設(shè)計(jì)作品看起來更好看些(可是你的作品還不太符合既定的模板)。或許你也想明白到底是什么因素成就了那些偉大的設(shè)計(jì)作品,但現(xiàn)在,你必須先去完成一些其他的事情。根據(jù)這個(gè)建議,你應(yīng)該先學(xué)習(xí)如何去完善你的半成品設(shè)計(jì),簡而言之,你應(yīng)該是去學(xué)習(xí),而不是在想象的海洋中盲目掙扎。那么讓我們言歸正傳吧。

 

日歷

鏈接

個(gè)人資料

存檔