淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站發(fā)布者:本站 時(shí)間:2021-12-23 11:12:46
作為網(wǎng)站設(shè)計(jì)師,我們很容易就迷失在流行設(shè)計(jì)的風(fēng)潮中。比如說,最近頗為流行的扁平化設(shè)計(jì)已經(jīng)成為了成千上萬的網(wǎng)站爭(zhēng)相應(yīng)用的形式。然而,提升設(shè)計(jì)固然重要,一味跟隨最新流行趨勢(shì)卻讓我們的網(wǎng)站千篇一律毫無特色。值得我們關(guān)注的是,那些真正富有創(chuàng)意的設(shè)計(jì)如何大膽的對(duì)抗那些所謂的流行趨勢(shì),堅(jiān)守自己的創(chuàng)意之路,推廣他們獨(dú)特的時(shí)尚感。
這篇文章展示的是設(shè)計(jì)師們?nèi)绾瓮ㄟ^自己的作品來傳遞他們的個(gè)性,對(duì)于視覺的鑒賞力,還有他們無處不在的天賦。所有的設(shè)計(jì)都別具一格,獨(dú)一無二,卻都美不可言。希望這些設(shè)計(jì)能激發(fā)你的靈感,為你的設(shè)計(jì)生涯找些平衡。
了解最新的流行設(shè)計(jì)趨勢(shì)很重要,你可以從中學(xué)習(xí),但是更重要的是你能找到自己專屬的風(fēng)格。
Oleg Postnikov
這個(gè)網(wǎng)站是由設(shè)計(jì)師Oleg Postnikov創(chuàng)建的,也是他審美和設(shè)計(jì)理念的大膽宣言。通過排印,簡(jiǎn)單的圖像使用單一的鮮亮顏色,布局不同尋常,錯(cuò)落有致。同時(shí)他也展現(xiàn)了對(duì)插圖的偏愛和現(xiàn)代感的鐘愛。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Beta Takaki
這個(gè)網(wǎng)站采用的是和上述網(wǎng)站完全相反的處理方式。它的特點(diǎn)是大大的圖片搭配很小的簡(jiǎn)單的字體。水洗灰色構(gòu)成了大部分的底色,創(chuàng)造出冷靜,簡(jiǎn)單抽象的氛圍。和上面的網(wǎng)站一樣,這個(gè)網(wǎng)站同樣現(xiàn)代化的無可挑剔。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Benjamin Sheppard
威爾士的網(wǎng)站設(shè)計(jì)師Benjamin Sheppard 創(chuàng)建的網(wǎng)站展示的不僅僅是他的設(shè)計(jì)技巧,更彰顯了他的前端發(fā)展技巧。網(wǎng)站的主頁(yè)很簡(jiǎn)單,但是詢問用戶的名字,它營(yíng)造出小鎮(zhèn)式的熱情好客感。將網(wǎng)站點(diǎn)擊一通下來,用戶一直被稱呼自己的名字,接受贊賞,把那種老式的良好的禮貌習(xí)慣具體化。溫暖的色調(diào),簡(jiǎn)單的布局進(jìn)一步強(qiáng)化了友好舒適的感覺。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Grayden Poper
和這個(gè)列表中的其他人一樣,互動(dòng)網(wǎng)站設(shè)計(jì)師Grayden Poper在創(chuàng)建自己的作品時(shí),也展現(xiàn)了自己作為設(shè)計(jì)師的個(gè)性。他使用的是完全自我的方式,打開網(wǎng)站映入眼簾的就是無臉的形象,這是他從孩提時(shí)代就一直想要嘗試的一件事。往下拉動(dòng)網(wǎng)頁(yè),整個(gè)色調(diào)和三角形做成的馬賽克起到意想不到的效果:他的組合網(wǎng)站設(shè)計(jì)和單個(gè)作品設(shè)計(jì)的統(tǒng)一性。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Think Luke
下面的圖像似乎并不能真正的為網(wǎng)站伸張正義,當(dāng)用戶在屏幕上移動(dòng)鼠標(biāo),作為圖片中的主要形象,飛機(jī)一直在背景中飛來飛去,創(chuàng)造出非常炫酷的互動(dòng)3D效果。移動(dòng)感使整個(gè)設(shè)計(jì)更加有活力。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Evan
這個(gè)網(wǎng)站也應(yīng)用了獨(dú)立移動(dòng)圖層來制造3-D效果。只是這個(gè)處理更加的巧妙。紙做的千紙鶴在標(biāo)題處飄動(dòng),創(chuàng)造出輕盈的超現(xiàn)實(shí)的感覺。色彩和字體進(jìn)一步強(qiáng)調(diào)了主頁(yè)的輕盈和女性化,整體感覺高端大氣上檔次。此外也為作品的展示留出了空間。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Qais Sarhan
這個(gè)網(wǎng)站簡(jiǎn)單犀利。首頁(yè)的圖片只有兩處連接,還是嵌入在圖片中的。點(diǎn)擊圖片上的男子會(huì)彈出一個(gè)對(duì)話框,可以鏈接到他博客,個(gè)人檔案和社交資料。圖片中央的一個(gè)形狀可以連接到一個(gè)聯(lián)系人表格。這個(gè)網(wǎng)頁(yè)雖有些約束,但還是表現(xiàn)出了對(duì)網(wǎng)頁(yè)設(shè)計(jì)和互動(dòng)的精準(zhǔn)理解。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Ian James Cox
看到這個(gè)網(wǎng)站你就會(huì)立刻感受到其中的樂趣和引人之處。這個(gè)網(wǎng)站很好的介紹了Ian James Cox的設(shè)計(jì)風(fēng)格。點(diǎn)擊左側(cè)的名字,整個(gè)網(wǎng)站就會(huì)自由旋轉(zhuǎn),最終會(huì)定格在一幅為客戶所畫的圖片上。幾乎所有他的設(shè)計(jì)都帶著他經(jīng)典的插圖風(fēng)格,同時(shí)也展示了他如何塑造不同的插圖來適應(yīng)客戶的風(fēng)格及其內(nèi)容的展現(xiàn)。這樣來說的話,這是非常理想的網(wǎng)站模式,既能夠展示他的獨(dú)特風(fēng)格,也能張揚(yáng)他的強(qiáng)大適應(yīng)能力。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Gregory Sujkowski
Gregory Sujkowski 的網(wǎng)站上展示的是電腦對(duì)話框的圖像。對(duì)話框模仿蘋果的外觀,迅速的暫時(shí)這他的設(shè)計(jì)圖片。這個(gè)單頁(yè)面網(wǎng)站極為簡(jiǎn)單,每個(gè)部分只有一兩句短小描述。這樣的結(jié)果就是極為精簡(jiǎn),專注,準(zhǔn)確。設(shè)計(jì)在這里實(shí)現(xiàn)了真正的對(duì)話功能。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Denise Chandler
大多數(shù)的印刷都是抽象而又嚴(yán)肅的。這個(gè)網(wǎng)站則展示了印刷可以天馬行空到什么程度。藍(lán)色的色調(diào),手寫的感覺,還有混合的字體,一切都證明了Denise Chandler 的設(shè)計(jì)方式。在她的結(jié)合下,所有的組合像個(gè)熱鬧的聚會(huì)。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Thibaud
這個(gè)網(wǎng)站說明顏色的突出不用笨拙無需太過女性化。背景填充的深灰,格子的模塊,所有這些毋庸置疑,都是很陽(yáng)剛的。顏色跳出來也是一片和諧,總體的效果就像精美的現(xiàn)代調(diào)色板。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Andrevv
Andrew McCarthy是一個(gè)互動(dòng)網(wǎng)站設(shè)計(jì)師,他的作品第一眼看上去很普通。和上面那個(gè)網(wǎng)站類似的是,它也有一些意想不到的秘密武器。隨著頁(yè)面向下滾動(dòng),貓的圖片開始在原地跑,而網(wǎng)站的內(nèi)容則飛快的移動(dòng)到背景中去。 網(wǎng)站一直這樣循環(huán),所以貓咪也是一直跑個(gè)不停。所以呢,這個(gè)網(wǎng)站也讓用戶樂不可支。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Nick Jones
Nick Jones下面的網(wǎng)站炫出了他的響應(yīng)式設(shè)計(jì)技巧。網(wǎng)站訪問者不用一點(diǎn)點(diǎn)向下拉動(dòng)頁(yè)面,相反直接就可以托動(dòng)整個(gè)頁(yè)面。事實(shí)上,右邊彈出的畫面只是告訴你頁(yè)面拉過頭了。由于這個(gè)響應(yīng)性以及網(wǎng)站整體的設(shè)計(jì),大家得到的印象就是這網(wǎng)站真的是酷斃了。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Simon Foster
Simon Foster 絕對(duì)是遵循設(shè)計(jì)的科學(xué)。他所用的圖片和字體讓人想到舊時(shí)學(xué)校里面的生物課插圖。他避開了流行的趨勢(shì),轉(zhuǎn)向諸如圖標(biāo),黑白色調(diào),簡(jiǎn)單右對(duì)齊圖片等一些經(jīng)典元素。這讓網(wǎng)站扎根于偉大設(shè)計(jì)的基本要素中,同時(shí)字體和紅色的觸感讓整個(gè)設(shè)計(jì)與時(shí)俱進(jìn)。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Casey Britt
雖然這個(gè)網(wǎng)站在常規(guī)的瀏覽器上面運(yùn)行無礙,但是它設(shè)計(jì)的最佳效果是要在ipad上面來瀏覽。在ipad上面,用戶可以左右滑動(dòng)來看Casey Britt 做的一些設(shè)計(jì),向下滑動(dòng)則可以看到更多詳細(xì)信息,這樣Britt就有足夠的空間來展示他和他的設(shè)計(jì)團(tuán)隊(duì)是如何創(chuàng)建頗有特色的網(wǎng)站的。同時(shí),網(wǎng)站的設(shè)計(jì)雅致現(xiàn)代,不過是匿名的。所以很顯然Britt可以隨時(shí)轉(zhuǎn)向任何其他的設(shè)計(jì)中去。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Jim Ramsden
Jim Ramsden 在設(shè)計(jì)方式上是一個(gè)十足的兩面派。一方面他是非常細(xì)膩有計(jì)劃的,另一方面他又是自由的開放的。不光是主頁(yè),他的整個(gè)網(wǎng)站設(shè)計(jì)打上了他雙重性的烙印。通篇看下來,字體數(shù)碼化顯示,色彩和形象卻是很現(xiàn)代。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Rich Brown
這個(gè)網(wǎng)站是當(dāng)之無愧的可以作為成功案例。上面的旋轉(zhuǎn)木馬圖像出現(xiàn)在4個(gè)Rich Brown的最新作品中。作品在圖片中的展現(xiàn)方式,他拿捏得游刃有余,雖然圖片各不相同,有上個(gè)網(wǎng)站中那樣的風(fēng)格,也有精美的插圖,但是他保證了整個(gè)的感覺始終如一。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Rick and Drew
很多設(shè)計(jì)師是在團(tuán)隊(duì)中工作的??墒窍胍宫F(xiàn)個(gè)性的他們是如何成為一個(gè)團(tuán)隊(duì)的呢?Rick 和Drew是這樣來實(shí)現(xiàn)的。他們倆站在同一個(gè)地方,偶爾看向以邊,拍個(gè)視頻短片,然后將他們的形象合二為一,創(chuàng)造出一個(gè)統(tǒng)一而且表面上看起來就很有各自特色的移動(dòng)背景。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Sawyer Hollenshead
設(shè)計(jì)時(shí)常常說少即是多,沒有人會(huì)比Sawyer Hollenshead把這點(diǎn)詮釋得更淋漓盡致。網(wǎng)站作品集的首頁(yè)只是他作品的一系列圖片。訪問者點(diǎn)擊圖片就可以得到稍微多點(diǎn)的信息,主要是客戶名稱和作品鏈接。或者訪問者可以點(diǎn)擊四個(gè)角落的任意一個(gè)鬼的圖像來看他的照片,文章,傳記或者回到首頁(yè)。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Andrew Jackson
設(shè)計(jì)師Andrew Jackson的作品集一次只展示一幅作品,和上面的最大化展示作品的網(wǎng)站不同。訪問這個(gè)網(wǎng)站的用戶必須用箭頭鍵進(jìn)行不同作品的轉(zhuǎn)換。他所呈現(xiàn)的網(wǎng)站形象是讓訪問者放慢速度,鼓勵(lì)他們深度思考作品內(nèi)涵。柔軟的灰色調(diào)保留了網(wǎng)站的深沉色調(diào)。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Shaun
網(wǎng)站的標(biāo)題是一個(gè)雙關(guān)語(yǔ),當(dāng)然其妙處并未止步于此,它精細(xì)得讓人無從指責(zé)。字體,文字,顏色和圖片的錯(cuò)綜結(jié)合,讓Shaun Kosijer的設(shè)計(jì)熱情滿滿的蔓延在真?zhèn)€屏幕上。這個(gè)網(wǎng)站沒有加入什么理論,不過你完全不會(huì)被網(wǎng)站眩暈的流眼淚。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
Oasim
這個(gè)網(wǎng)站很有幽默感,也有上面例子中的豐富的色彩。它也很柔軟的展現(xiàn)了Osaim的作品。不過網(wǎng)站也是粗看特別簡(jiǎn)單的那種,當(dāng)你劃過那些矩形時(shí),它們會(huì)鞠躬,展示它們的內(nèi)同。屏幕角落的商務(wù)卡片偶爾會(huì)跳入用戶視野,讓人忍不住想要點(diǎn)擊他。所有這些都為網(wǎng)站增添了有趣矜持的感覺。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
David Bastain
很多創(chuàng)意者更喜歡將網(wǎng)站的作品集以馬賽克的形象展示出來。David應(yīng)用了這個(gè)想法,并走的更遠(yuǎn)。David沒有滿足于簡(jiǎn)單的展示他的作品,他拍了一些高質(zhì)量的作品圖片,把他們放在簡(jiǎn)單的背景中,然后把它們放到網(wǎng)站布局中。展示出的效果就像電腦做成的拼接畫,將數(shù)碼和傳統(tǒng)巧妙的結(jié)合在一起。
淺談那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站,PS教程,
親愛的讀者朋友們,你們?cè)趺纯茨?你們是否覺得設(shè)計(jì)趨勢(shì)過于固定?你們又是怎樣尋找屬于自己的設(shè)計(jì)風(fēng)格感呢?也許這是一個(gè)很值得思考的問題。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)