業(yè)務(wù)簡(jiǎn)介：中企動(dòng)力（300.cn）為您提供網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，中企動(dòng)力專注于企業(yè)網(wǎng)站建設(shè)、高端網(wǎng)頁制作領(lǐng)域26年，對(duì)企業(yè)網(wǎng)站制作、平臺(tái)高端網(wǎng)站建設(shè)，包括汽車、家裝、農(nóng)業(yè)、外貿(mào)、機(jī)械等多個(gè)行業(yè)擁有豐富建站經(jīng)驗(yàn)，選擇中企動(dòng)力，為網(wǎng)站保駕護(hù)航。
哭逼的網(wǎng)站設(shè)計(jì)師啊，根本停不下來...
“你有沒有空做一個(gè)非常簡(jiǎn)單的東西？就只要稍微做下就可以了！”
好了嗎？你隨便弄弄就好了，不用花很多時(shí)間的！
10分鐘后問：好了么？
半小時(shí)后問：好了么？
40分鐘后問：好了么？今晚/明天能不能給我？”
“你把這里縮小了看看？……額，再放大看看？…………適中點(diǎn)看看？……好吧，還是按照原來的樣子好了?！?/p>
在設(shè)計(jì)界，總是有這樣哭逼加班的網(wǎng)站設(shè)計(jì)師。他們總是加班工作在第一線，總是為了一點(diǎn)點(diǎn)不完美的細(xì)節(jié)翻案重來，雖然喊著累累累，但加班時(shí)毫不推脫。艱苦的生活培養(yǎng)出來了他們樂觀的心態(tài)，所以他們成為了天生的段子手。所以請(qǐng)善待你身邊的每個(gè)網(wǎng)站設(shè)計(jì)師，他們真的很辛苦很不容易！
論：網(wǎng)站設(shè)計(jì)師哭逼的生活，這節(jié)奏根本停不下來
1、可悲的設(shè)計(jì)師
設(shè)計(jì)師這個(gè)職業(yè)本身自帶冷笑話功能，網(wǎng)上一搜一大片。設(shè)計(jì)師本人的經(jīng)歷可以說就是一部血淚史啊，有血，有淚，有屎，有木有。
有一個(gè)這樣的笑話：很久很久以前，有個(gè)設(shè)計(jì)師自殺了。人們整理他的遺物，在他的電腦里發(fā)現(xiàn)了一個(gè)文件夾，點(diǎn)開后發(fā)現(xiàn)每個(gè)文件夾都是這樣的：
初稿
初稿2
初稿3
審定稿
審定稿2
審定稿3
審定稿4
修改稿
修改稿2
修改稿3
修改稿4
修改稿5
總監(jiān)修改稿
總監(jiān)修改稿2
總監(jiān)修改稿3
總監(jiān)修改稿4
總監(jiān)修改稿5
總監(jiān)修改稿6
客戶修改稿1
客戶修改稿2
客戶修改稿3
客戶修改稿4
客戶修改稿5
客戶修改稿6
客戶修改稿7
最終稿1
最終稿2
最終稿3
最終稿4
最終稿5
最終稿6
最終稿7
最終稿8
打死也不改稿1
打死也不改稿2
打死也不改稿3
打死也不改稿4
打死也不改稿5
打死也不改稿6
打死也不改稿7
打死也不改稿8
打死也不改稿9
絕對(duì)最終稿1
絕對(duì)最終稿2
絕對(duì)最終稿3
絕對(duì)最終稿4
絕對(duì)最終稿5
絕對(duì)最終稿6
絕對(duì)最終稿7
絕對(duì)最終稿8
絕對(duì)最終稿9
絕對(duì)最終稿10
你的設(shè)計(jì)圖什么時(shí)候能好
下班前就能出來
設(shè)計(jì)師
客戶
做好馬上發(fā)到我郵箱
好的
怎么還沒有收到你的圖
我還沒有下班
2、那些不可避免的免費(fèi)設(shè)計(jì)
朋友開飯店，你吃飯他收錢，大家覺得理所當(dāng)然。
朋友開服裝店，買衣服他收錢，大家覺得理所當(dāng)然。
朋友做設(shè)計(jì)，收錢，大家會(huì)覺得,這位朋友怎么這么吝嗇。
開飯店的朋友說：以后來我這吃飯免費(fèi)！大家會(huì)說：不行！你是做生意的！開服裝店的朋友說：以后來著這兒，隨便穿！大家說:不行！哪好意思?。?/p>
做設(shè)計(jì)的朋友說：以后有設(shè)計(jì)找我?guī)湍忝赓M(fèi)做！大家說：好的，謝謝！
朋友一場(chǎng)，何必要如此讓我為難！
朋友
在？有空嗎？想請(qǐng)你幫個(gè)忙。
我男友正在創(chuàng)業(yè)，想請(qǐng)你幫忙設(shè)計(jì)一個(gè)LOGO，是買堅(jiān)果的，你隨便畫一個(gè)就行。
他有多少設(shè)計(jì)費(fèi)預(yù)算？
呃，他很窮，沒有預(yù)算
好了
3、找不到對(duì)象，終身大事辦不了
沒時(shí)間陪對(duì)象、皮膚不好、經(jīng)濟(jì)不夠?qū)捲?、有時(shí)可能脾氣會(huì)暴躁、也許愛抽煙，這些缺點(diǎn)注定找不到對(duì)象了！找不到對(duì)象被爸媽催七大姑八大婆催，順帶著朋友同事還會(huì)懷疑你是不是哪里出了問題！這還不是為了工作?。〔蝗荒阋詾樵O(shè)計(jì)師愿意遍體鱗傷啊！
設(shè)計(jì)是個(gè)枯燥的活，如果有了對(duì)象的，感情上雙方一定要相互理解，你應(yīng)該要為你有一個(gè)設(shè)計(jì)師而男朋友感到驕傲...
6、遇到的甲方，都是白天不懂夜的黑
甲方：我們也不知道哪個(gè)好，你盡情發(fā)揮你的想象力，盡情發(fā)揮，不要有束縛，多設(shè)計(jì)幾個(gè)方案，然后我就知道我喜歡什么了。
甲方：LOGO大一點(diǎn)，顏色要亮，要鮮明，把底下的文字全部換成大紅色然后加粗字體，這樣才搶眼，LOGO不要灰色要金色，大氣一點(diǎn)，要有氣勢(shì)要能夠凸顯我們公司的高度...
甲方：你到底會(huì)不會(huì)做設(shè)計(jì)，你看看別人家做的多好，你怎么就不懂我的意思！
7、每個(gè)設(shè)計(jì)師背后都有個(gè)神一樣的老板
在designer圈有句話一直聞名：每個(gè)苦逼的設(shè)計(jì)師背后都有一群指點(diǎn)江山的神。
當(dāng)上設(shè)計(jì)師后，就變成一個(gè)很小心的人，每次穿雨衣的時(shí)候，都會(huì)戴太陽眼鏡，你永遠(yuǎn)都不會(huì)知道什么時(shí)候會(huì)下雨，什么時(shí)候出太陽，就像你永遠(yuǎn)都不會(huì)知道，做設(shè)計(jì)的時(shí)候，老板會(huì)讓你改多少遍……
所以請(qǐng)善待每個(gè)網(wǎng)站設(shè)計(jì)師
做個(gè)網(wǎng)站很簡(jiǎn)單，做一個(gè)好網(wǎng)站不容易！
有的人不了解網(wǎng)站建設(shè)以為做網(wǎng)站不過是一件很簡(jiǎn)單的事，弄張圖，根據(jù)圖把頁面做出來，放到空間里就完事了，這其實(shí)只是表面的一些東西。真正的做一個(gè)網(wǎng)站那是要很多人合力才能做來的。下面請(qǐng)?jiān)试S小編具體介紹下網(wǎng)站到底是怎么被做出來的。
網(wǎng)站建設(shè)做網(wǎng)站需要哪些人呢？首先是網(wǎng)站技術(shù)部門負(fù)責(zé)人(技術(shù)總監(jiān)或是部門經(jīng)理)，他們最主要是負(fù)責(zé)具體分工，比如網(wǎng)站頁面排版、頁面效果編寫、后臺(tái)源代碼編寫、網(wǎng)站上線測(cè)試、網(wǎng)站后續(xù)維護(hù)工作。把每項(xiàng)工作分配給每個(gè)頁面設(shè)計(jì)師、程序員、維護(hù)人員等，確保網(wǎng)站能夠正常完工！還有負(fù)責(zé)跟客戶交流網(wǎng)站具體的工作，比如網(wǎng)站的進(jìn)度，還有就是功能怎么來做比較好還有把客戶的要求反饋給下面的人。 軟件工程師:軟件工程師有分為，前端軟件工程師和后端軟件工程師，前端工程師需要會(huì)一些 css,html5,js,jquery等前端計(jì)算機(jī)語言來做頁面的寫，后端工程師需要會(huì)一些java,,php,node.js等來做一些網(wǎng)站的功能實(shí)現(xiàn)，同時(shí)了后端工程師會(huì)兼職做下數(shù)據(jù)庫，或者在后期處理下網(wǎng)站bug。 網(wǎng)站設(shè)計(jì)師：根據(jù)企業(yè)網(wǎng)站要求，結(jié)合一定的設(shè)計(jì)創(chuàng)意發(fā)揮，設(shè)計(jì)網(wǎng)站每個(gè)頁面的排版。一般情況下，如果沒有特殊要求，除了網(wǎng)站的首頁排版復(fù)雜一些外，其它頁面布局會(huì)簡(jiǎn)單點(diǎn)。頁面排版與美術(shù)人員、特效開發(fā)人員是組成網(wǎng)站前臺(tái)視覺的三個(gè)主要崗位，當(dāng)然，也是最容易反復(fù)修改的三個(gè)崗位。 最后網(wǎng)站測(cè)試人員與維護(hù)人員，網(wǎng)站經(jīng)過層層工作完成交接之后，在上線之前要進(jìn)行系統(tǒng)的的測(cè)試，確保每個(gè)環(huán)節(jié)不出bug才能開始上線工作，如果發(fā)現(xiàn)問題要交給相應(yīng)的人員處理，直致檢測(cè)無誤為止。維護(hù)人員負(fù)責(zé)日常維護(hù)工作，在網(wǎng)站的運(yùn)行中如果出現(xiàn)問題，在第一時(shí)間解決，確保企業(yè)建網(wǎng)站高枕無憂。
整個(gè)網(wǎng)站的工作流程就是這些了，可能根據(jù)公司的不同會(huì)有一點(diǎn)區(qū)別，不過大概的都差不多了
網(wǎng)站、小程序這么做才美觀！快來看看案例吧
隨著互聯(lián)網(wǎng)+時(shí)代的到來，企業(yè)紛紛開始轉(zhuǎn)型，傳統(tǒng)營銷模式向互聯(lián)網(wǎng)營銷模式的強(qiáng)勢(shì)轉(zhuǎn)變，為企業(yè)帶來前所未有的發(fā)展契機(jī)。又快又好智能建站：網(wǎng)站、小程序、微官網(wǎng)、微商城等網(wǎng)絡(luò)營銷工具已成為企業(yè)轉(zhuǎn)型互聯(lián)網(wǎng)的必需品。
特別感謝：杭州、蘇州、寧波、金華等地的客戶，在2018年4月選擇與我們合作！感謝對(duì)我們的信任；你們的肯定是我們不懈努力的目標(biāo)；你們的支持是我們勇往直前的動(dòng)力。同時(shí)也要感謝公司小伙伴們夜以繼日的加班付出！接下來又一大波精美網(wǎng)站、小程序案例來襲。
全網(wǎng)營銷—網(wǎng)站定制
漢科工貿(mào)杭州三才工程管理咨詢有限公司浙江諾維雅工貿(mào)有限公司浙江昌駿工貿(mào)有限公司浙江洪帆工貿(mào)有限公司寧波帝航國際物流有限公司全網(wǎng)營銷—手機(jī)網(wǎng)站
威猛達(dá)科技（左）康福特實(shí)業(yè)（右）全網(wǎng)營銷—微信小程序（電商版）
東城冰川汽保工具廠雅新垃圾桶木條裝飾廠前倉應(yīng)正大不銹鋼制品廠杭州奧科服裝輔料有限公司永康市清馨工貿(mào)有限公司唐寧工貿(mào)愛民酒業(yè)永康市金麗鑫酒店用品有限公司全網(wǎng)營銷—微信小程序（展示版）
蘇州多巴克智能家居有限公司永康市杰濤工貿(mào)有限公司浙江興達(dá)門業(yè)有限公司由于版面限制以上僅為2018年4月部分網(wǎng)站開通的客戶案例。
一個(gè)成功網(wǎng)站的誕生過程：
與客戶商談，擬定制作風(fēng)格、方案；平面設(shè)計(jì)師的精心制作，與客戶確認(rèn)，反復(fù)修改；技術(shù)人員分割，程序員的熬夜編碼；
網(wǎng)站的成功上線，后期的增值服務(wù)；歷經(jīng)多少個(gè)日夜，才呈現(xiàn)出如此美好的杰作；除了客戶的支持與合作，還因?yàn)槲覀冇幸蝗海?/p>
愛崗敬業(yè)的伙伴們。
有趣網(wǎng)址之家——收藏全球最有趣的網(wǎng)站
更多好玩的網(wǎng)站推薦，歡迎點(diǎn)擊右上角關(guān)注我~
仔細(xì)想想世超經(jīng)常給差友們推薦一些奇奇怪怪的網(wǎng)站。
比如收錄了一百年來，那些曾經(jīng)驚艷過一個(gè)年代的經(jīng)典舊物聲音的博物館。
比如埋葬那些被我們遺忘的互聯(lián)網(wǎng)產(chǎn)品的互聯(lián)網(wǎng)墓地。
又或者是這個(gè)可以收聽全世界電臺(tái)的神奇網(wǎng)站。
事實(shí)上，這些不被人注意的小網(wǎng)站們收錄了很多互聯(lián)網(wǎng)人的奇思妙想。但是由于得不到很好的傳播，很少被大家知道。
不過幸運(yùn)的是，這些網(wǎng)站們被有心人收錄再了一起。做成了一個(gè)【 有趣網(wǎng)址之家 】的聚合網(wǎng)站。
而今天世超想和差友們分享的就是收錄了全世界有趣網(wǎng)址的聚合網(wǎng)站。
差友們第一次登入這個(gè)網(wǎng)站，應(yīng)該會(huì)被它毫無美感的首頁以及山寨畫風(fēng)明顯的 UI 距之門外。
不過當(dāng)差友們了解完這個(gè)聚合網(wǎng)站的用途后應(yīng)該會(huì)愛上它。
【 有趣網(wǎng)址之家 】幫你把眾多互聯(lián)網(wǎng)遺珠們都分門別類都整理好了，并且還給出了一個(gè)有趣星級(jí)的評(píng)定。
比如這個(gè)【 千奇百怪 】分類里，獲得了 4.14 星（ 滿分 5 星 ）的【 世界光污染地圖 】網(wǎng)站提供了從 2015 年以來全世界的光污染圖像。
2018 年中國地區(qū)的光污染
2013 年中國地區(qū)的光污染
點(diǎn)擊差友們可以對(duì)比一下，僅僅過去了五年，但是我們對(duì)這片土地所造成的影響已經(jīng)肉眼可見。
又或者是這個(gè)評(píng)分 4.4 星，收錄了上百種綁繩技法的奇葩網(wǎng)站。
嗯。。?；蛟S哪天你被困荒島的時(shí)候這個(gè)網(wǎng)站能派上用處吧，前提是那個(gè)荒島能上網(wǎng)。
以及這個(gè)評(píng)分 4.57 星，純粹是一個(gè)程序猿為了炫技而制作的代碼網(wǎng)站。
里面所有的特效，都是用代碼構(gòu)成的。最騷的是，你用鼠標(biāo)點(diǎn)擊網(wǎng)站頁面還能和這些代碼進(jìn)行互動(dòng)。
【 有趣網(wǎng)址之家 】除了這個(gè)稀奇古怪的分類【 千奇百怪 】以外，還收錄很多小游戲網(wǎng)站，這些網(wǎng)站被分類進(jìn)了【 輕松好玩 】里。
差友們可以在里面找到很多熟悉的身影。
比如這個(gè)網(wǎng)站評(píng)分 4.63 星，曾經(jīng)紅極一時(shí)的【 黑洞大作戰(zhàn) 】。
又或者是這個(gè) Google 小程序 【 猜畫小歌 】親生父親【 快速涂鴉 】。
差友都可以直接在網(wǎng)頁上找到他們。
相信有這些網(wǎng)站的幫助，幫差友們打發(fā)時(shí)間應(yīng)該足夠了。
而世超覺得在【 有趣網(wǎng)址之家 】眾多分類里面，最有意義的應(yīng)該是這個(gè)【 公益宣傳 】了。
里面收錄了很多，被容易被我們忽略卻能刺痛我們的問題。
比如那些懸浮在地球之外的太空垃圾。
這個(gè)被評(píng)級(jí)為 4.86 星的網(wǎng)站，用 3D 軌道幫我們把這些圍繞地球的太空垃圾都標(biāo)識(shí)了出來。
沒錯(cuò)，這些密密麻麻的小點(diǎn)們都是被我們?nèi)舆M(jìn)太空的垃圾。
而這個(gè)被網(wǎng)址評(píng)級(jí)為 4.00 星的【 世界名勝古跡數(shù)字化重現(xiàn) 】，則把目光鎖定在了那些因我們而生，卻因?yàn)闅q月而即將消失在歷史長(zhǎng)河中的璀璨文明。
以及這個(gè)被網(wǎng)址評(píng)級(jí)為滿分的網(wǎng)址【 關(guān)心一下身邊的人吧！ 】，這個(gè)由香港政府極力推薦的公益網(wǎng)址。
差友們沿著網(wǎng)站的指引，從暴風(fēng)雨到藍(lán)色天空，此間共有十個(gè)站點(diǎn)，分別經(jīng)歷心理測(cè)試、治療方案設(shè)計(jì)、尋求協(xié)助等環(huán)節(jié)。
讓大家和游戲主角小王子一路走下來，而這個(gè)過程中，你也許會(huì)恍然，我們?cè)?jīng)的憂愁和煩惱，其實(shí)是可以治療的，它并不僅僅只是暫時(shí)性的糟糕情緒。
而這個(gè)【 公益宣傳 】分類也是【 有趣網(wǎng)址之家 】給出五星好評(píng)最多的地方。
相信【 有趣網(wǎng)址之家 】的制作者們，應(yīng)該是懷著發(fā)現(xiàn)美好的愿景，將這些網(wǎng)站收錄在一起。
而我能做的可能就是讓更多的人了解到它們：
【 有趣網(wǎng)址之家 】網(wǎng)址：
https://youquhome/
“ 有趣~ ”
2018年網(wǎng)頁設(shè)計(jì)的19種趨勢(shì)！
在創(chuàng)意產(chǎn)業(yè)中，我們很容易就能從趨勢(shì)中獲利，畢竟關(guān)注熱點(diǎn)并不需要?jiǎng)?chuàng)意或是創(chuàng)新——除非你是為了不斷地改變趨勢(shì)。但創(chuàng)意是一種對(duì)話。
自從我們第一次學(xué)會(huì)用木炭在洞穴壁上的赭石記錄世界的片段以來，這種對(duì)話就一直在進(jìn)行。我們還學(xué)會(huì)了把僅僅是用棍子刻在粘土上的抽象符號(hào)，變成了承載著充分含義的載體——語言。
趨勢(shì)僅僅只是龐雜而混亂的多方談話中的主音，無論是否應(yīng)用趨勢(shì)，我們的創(chuàng)造都與這些趨勢(shì)并存。
趨勢(shì)為我們提供了大背景，畢竟如果沒有規(guī)范，又何從定義創(chuàng)新？如果沒有去年的熱點(diǎn)潮流，又從哪里尋找規(guī)范？
所以和去年一樣，我和webflow優(yōu)秀的設(shè)計(jì)團(tuán)隊(duì)一起，預(yù)測(cè)了2018年的設(shè)計(jì)趨勢(shì)。以下來自Sergie Magdalin, Ryan Morrison, Linsey Peterson, Nathan Romero, Darin Dimitroff，以及我。
1
破碎的網(wǎng)格布局
設(shè)計(jì)師總是無盡地去追求更具創(chuàng)意、更引人入勝的布局，但在這個(gè)過程中網(wǎng)格布局一直廣受運(yùn)用，網(wǎng)格布局能帶來和諧和規(guī)范的感覺，但網(wǎng)格本身就存在約束。
有時(shí)候我們自己都想逃離網(wǎng)格的規(guī)范性，對(duì)吧！
但這并不意味著破碎的網(wǎng)格布局完全忽略了網(wǎng)格的概念，相反，破碎格局允許圖像和文本元素更自由地出現(xiàn)，而在更規(guī)范的布局中，元素的排布往往需要按部就班。在這里，圖像和文字的位置開始重疊和匯合，位圖和字體的并置往往都會(huì)出現(xiàn)美麗的意外。
有時(shí)候很難說這些效果是故意的，還是只是一個(gè)美麗的錯(cuò)誤…
2
將插圖放在中心位置
我在數(shù)字產(chǎn)品營銷領(lǐng)域所看到的一個(gè)比較有趣的挑戰(zhàn)就是選擇合適的圖像。我看到過整個(gè)設(shè)計(jì)團(tuán)隊(duì)針對(duì)這一議題進(jìn)行討論，并且通常結(jié)束于兩點(diǎn)之一：
1.產(chǎn)品UI（用戶界面）截圖及動(dòng)圖
2.設(shè)計(jì)過的或是生活化的攝影
前者強(qiáng)調(diào)產(chǎn)品本身的體驗(yàn)、特征及功能，而后者則試圖強(qiáng)調(diào)產(chǎn)品的人性層面：它對(duì)生活的影響。
進(jìn)入2018年后，我們可以看到并將繼續(xù)看到，在產(chǎn)品的設(shè)計(jì)和營銷方面，插畫師的工作越來越受重視。
我對(duì)這件事不知所以的著迷，甚至于我都不能確定它到底是什么。也許這和我們?cè)跁r(shí)尚界所看到周期性相同，畢竟插畫在整個(gè)60年代后期一直占據(jù)著廣告界的主導(dǎo)地位。
或者，Dropbox的設(shè)計(jì)團(tuán)隊(duì)可以通過解釋他們的新插畫風(fēng)格來解決問題：
我們用鉛筆構(gòu)建草圖，然后用豐富多彩、抽象的形狀來填充，將創(chuàng)意變?yōu)楝F(xiàn)實(shí)。我們的風(fēng)格的靈感來源于你第一次有想法的瞬間，這種風(fēng)格也在提醒我們，除非你有所行動(dòng)，否則畫布上只有空白。
我想，這就是說，他們必須重新設(shè)計(jì)一些東西，對(duì)吧？
在Shopify的Polaris網(wǎng)站中可以看到，插圖可以將很多抽象的概念具體化于生活中。僅僅只是一張畫作，Shopify就闡述了Polaris的概念—就像北極星一樣，為團(tuán)隊(duì)中的每一位成員指明方向。
最后，值得注意的是，插圖也可以巧妙地解決攝影帶來的一些具有代表性的問題。
我們?yōu)榇蟊娞峁?shù)字產(chǎn)品，但當(dāng)我們將一張真人攝影作品放在網(wǎng)站上的顯著位置時(shí)，圖片中的真人主角就定義了你的用戶，但這樣就遺漏了其他沒有被定義的用戶。
相比之下，Shopify Polaris的插畫主角形象僅僅只是個(gè)人類，并不能確定諸如種族、性別、國際等屬性，這使得我們更容易地將自己代入這樣的場(chǎng)景中，就像我們自己就是一個(gè)獨(dú)立地思考者，思考這北極星所照亮的創(chuàng)造的可能性。
3
野蠻主義達(dá)到主流地位
2017年初，我們發(fā)表了一篇文章，談及野蠻主義的興起，并試圖回答出現(xiàn)新興風(fēng)格的原因：
野蠻主義……正在開啟一個(gè)設(shè)計(jì)師想做什么就可以做的空間，這甚至超出了應(yīng)該做什么的范疇。野蠻主義的作品往往避開了所有的最佳建議和最好實(shí)踐列表上的東西，以支持震撼的外觀和效果，有時(shí)甚至帶有一些攻擊性。
所以你可以想象，當(dāng)這兩個(gè)電子商務(wù)網(wǎng)站都坐上這股粗獷潮流的列車時(shí)，我們有多驚訝。
Balenciaga
Gucci
4
更多有機(jī)和傾斜的形狀
大自然厭惡直線。——William Kent
近幾年來，無論是網(wǎng)頁端還是移動(dòng)端的設(shè)計(jì)都是由卡片式的用戶界面占據(jù)主導(dǎo)地位。直到現(xiàn)在，這些卡片幾乎都是銳邊、直角的，可以看出其最基礎(chǔ)的幾何形狀，使得大家去關(guān)注網(wǎng)頁設(shè)計(jì)的基礎(chǔ)材料。
這在2017年有了很大的改變，現(xiàn)在，從谷歌到推特再到臉書，幾乎每一個(gè)應(yīng)用的卡片都應(yīng)用了圓角，比如輸入框、頭像框等。
如果這些框都是圓角的，他們就會(huì)是橢圓形的。
但這并不是有機(jī)形狀的主要組成元素。現(xiàn)在的背景設(shè)計(jì)往往有很多顏色各異的變形斑點(diǎn)，略夸張的對(duì)角線，即使是我們平時(shí)所用的破折號(hào)也會(huì)被卡通化。
但在無盡的探索中，設(shè)計(jì)師總不能僅僅只是運(yùn)用靈活的曲線，很多人都會(huì)把卡片旋轉(zhuǎn)一些角度，運(yùn)用角度來進(jìn)行設(shè)計(jì)，就像Stripe的主頁一樣。
但這并不意味著直角將會(huì)在設(shè)計(jì)中消失。在下圖中，我們可以看到直線和直角的運(yùn)用，不過是把它們與更多的曲線、球形有機(jī)地結(jié)合在了一起。
在許多網(wǎng)站，我們都能看到閃爍或是振動(dòng)的顏色。雖然這些顏色的組合能夠讓人留下深刻的印象—包括在眼睛中留下殘影—不過值得注意的是，在可訪問性的層面上，顏色組合的使用可能會(huì)出現(xiàn)一些問題。
通常我們都將可訪問性作為為殘障人士所做的用戶友好行為，但不要忘記，即使是不存在色覺障礙的人也可能會(huì)遇到令人眼花繚亂的色彩組合。
不開玩笑，當(dāng)這些形狀滾動(dòng)起來，你就會(huì)看到你的屏幕上全是這些東西了。
根據(jù)LinkedIn的無障礙工程經(jīng)理Jennison Asuncion的說法，可訪問性可以定義為：
設(shè)計(jì)和開發(fā)包括殘疾人在內(nèi)的每個(gè)人都可以獨(dú)立使用和互動(dòng)的用戶界面。
5
更普遍的交互和動(dòng)畫
媒介就是信息。–Marshall McLuhan
網(wǎng)頁并不是一個(gè)靜態(tài)媒介。盡管Justin Jackson的This is a webpage有著持久的美感與真實(shí)性，但網(wǎng)頁上還可以有更多靈活的東西。媒介就是信息，McLuhan的這句名言，至少意味著有一些網(wǎng)頁信息在于網(wǎng)頁的變化和交互：網(wǎng)頁不能只是簡(jiǎn)單地向我們提供信息，而應(yīng)該是讓信息生動(dòng)起來，更重要的是，讓我們與這些信息進(jìn)行交互并對(duì)之產(chǎn)生影響。
有的信息都在移動(dòng)，但這并不影響集中注意力。
漸漸地，當(dāng)你滾動(dòng)網(wǎng)頁滑塊時(shí)，一塊一塊的信息并不僅僅只是被你接受了，還會(huì)影響你的認(rèn)知，并且企圖得到你更多的關(guān)注。
顯然，我們也不能濫用這種生動(dòng)，會(huì)使得網(wǎng)頁看起來像動(dòng)畫一樣，要小心這會(huì)影響你的用戶體驗(yàn)，尤其是那些有認(rèn)知障礙或?qū)\(yùn)動(dòng)敏感的人。
但不能否認(rèn)，恰當(dāng)?shù)男?dòng)畫能夠在恰當(dāng)?shù)臅r(shí)間引導(dǎo)用戶注意正確的內(nèi)容，從而使得他們不會(huì)錯(cuò)過重要的信息，或是訪問其他頁面。
以Black Sheep的Heco Partners為例，向下滾動(dòng)時(shí)，標(biāo)黑的當(dāng)前行幫助用戶集中注意力，然后一系列突出大膽的工具開始爭(zhēng)奪用戶的注意，呼吁停止閱讀并點(diǎn)擊下一頁。這是創(chuàng)建一個(gè)內(nèi)聯(lián)導(dǎo)航系統(tǒng)的創(chuàng)造性方案，但這也可能給用戶帶來了不必要的緊張感。
我們也可以看到很多工具可以簡(jiǎn)化復(fù)雜動(dòng)畫和交互的創(chuàng)建—這是數(shù)字設(shè)計(jì)是工具包中的一個(gè)缺口—從我們自己的Interaction2.0到Airbnb的Lottie都可以看得出來。
具體而言，我們期待兩種特定的動(dòng)畫模式的出現(xiàn)：不尋常的滑動(dòng)速率和頁面轉(zhuǎn)換。
意外的滑動(dòng)率
現(xiàn)在視差可能有些過時(shí)了，但這并不意味著設(shè)計(jì)師們不會(huì)以有趣的方式來設(shè)計(jì)滑動(dòng)。
例如網(wǎng)站Anna Eshwood，網(wǎng)站上的每一張照片一開始都是正常的展示，直到用戶下拉滑塊滑過后，照片都會(huì)快速上升，比滑塊滑動(dòng)速度快，營造出一種有趣的飄渺感，可以很好地展現(xiàn)簡(jiǎn)樸的黑白照片和嚴(yán)肅的模型。
隨著交互和動(dòng)畫在在線體驗(yàn)中更為突出，我們也期望看到更多的設(shè)計(jì)師設(shè)計(jì)出更具突破性的作品。
頁面轉(zhuǎn)換
在一個(gè)充滿好看動(dòng)畫的網(wǎng)站中，我們能感知到，網(wǎng)頁上正在發(fā)生一些變化，但如果是從一個(gè)頁面轉(zhuǎn)換到另一個(gè)頁面，就會(huì)比較唐突了，無論是在哪個(gè)網(wǎng)站上。
轉(zhuǎn)換動(dòng)畫可能會(huì)有所用處，它能將用戶從一個(gè)頁面送走，再在另一個(gè)新頁面上迎接。不過要謹(jǐn)慎運(yùn)動(dòng)轉(zhuǎn)換動(dòng)畫，也沒有必要鏈接它們。這個(gè)過渡本身就是每一個(gè)頁面之間的轉(zhuǎn)換：頁面突然變?yōu)橐黄瞻祝缓笤儆行碌捻撁婕虞d。
但我們發(fā)現(xiàn)在這一點(diǎn)上，很多網(wǎng)站都搞了一些事情。以網(wǎng)站3drops為例：
在這里，頁面轉(zhuǎn)換時(shí)依舊保證了用戶的體驗(yàn)，體現(xiàn)了品牌的存在。當(dāng)用戶想要訪問是視圖庫中的另一視圖時(shí)，髕骨是被導(dǎo)航到了新的頁面。這對(duì)于以設(shè)計(jì)為中心的品牌展示來說，是一個(gè)不錯(cuò)的點(diǎn)子。
6
至多主義的出現(xiàn)
好的設(shè)計(jì)盡可能少設(shè)計(jì)。–Dieter Rams
多年來，設(shè)計(jì)師最想聽到的最振奮人心的設(shè)計(jì)反饋，恐怕就是：“他很干凈?！?/p>
那是一個(gè)極簡(jiǎn)主義的時(shí)代。深受Dieter Rams的設(shè)計(jì)原則，以及雜志《The Crystal Goblet》的影響，視覺設(shè)計(jì)師一直追求提供盡可能少的選擇和視覺干擾。
對(duì)于當(dāng)今生活在數(shù)字中的世界來說，極簡(jiǎn)主義是一個(gè)全新且難得的經(jīng)歷，這個(gè)選擇很有意義。我們需要足夠放松以進(jìn)入這個(gè)陌生的新世界。
但是今天，我們也有類似于以下的網(wǎng)站：
Pin-Up Magazine
H. Lorenzo
Razzle Dazzle Torino
所有的這些都力圖在你看到的那一刻就把所有東西都放入你的世界里。
你可以稱之為一種野蠻主義，我也的確在Brutalist網(wǎng)站上發(fā)現(xiàn)了所有上述網(wǎng)站。但我們認(rèn)為我們期待更多至多主義的網(wǎng)站的出現(xiàn)，而在這之前你可能并不覺得這個(gè)網(wǎng)站會(huì)變成這樣。隨著數(shù)字技術(shù)的發(fā)展，一些網(wǎng)站會(huì)很自然的對(duì)用戶有更高的期待。
7
襯線字體能表現(xiàn)得更好
在技術(shù)落后，字體并不多的糟糕過去，在網(wǎng)頁界面中使用無襯線字體是個(gè)很好的方法。但隨著屏幕和字體渲染技術(shù)得進(jìn)步，我們可以看到越來越多精致得字體占據(jù)舞臺(tái)中心，或者至少成為了更重要的角色。
以Kickstarter最新的設(shè)計(jì)為例，他運(yùn)用了柔和的襯線：
在特定的日子里，Typewolf都會(huì)展示一些襯線的運(yùn)用：
襯線能提供一種優(yōu)雅、精致的文學(xué)修飾效果，作為襯線的長(zhǎng)期愛好者，我歡迎大家多多使用襯線。
8
浮動(dòng)的導(dǎo)航菜單
固定的導(dǎo)航已經(jīng)成為以轉(zhuǎn)化為中心或具有龐大菜單的網(wǎng)站的主流，因?yàn)楹诵膶?dǎo)航可在滑動(dòng)時(shí)與用戶保持一致。不過浮動(dòng)的導(dǎo)航使得用戶在滑動(dòng)瀏覽時(shí)也能輕松使用，直接優(yōu)化了網(wǎng)站體驗(yàn)。
最近，我們注意到有些設(shè)計(jì)師將導(dǎo)航從其他設(shè)計(jì)中分離出來，并將其移動(dòng)到瀏覽器的下方，進(jìn)一步確定了用戶可以隨時(shí)接觸到導(dǎo)航。這增強(qiáng)了導(dǎo)航是網(wǎng)站的廣泛對(duì)象的感覺，不一定是某一頁的一個(gè)部分，而是放在一個(gè)觸手可及的地方，使人安心。
最直觀的方法就是在導(dǎo)航欄中添加陰影，并將其移動(dòng)到網(wǎng)頁的最頂端，以Reseau為例。但在平面的設(shè)計(jì)中也是可行的，以Anchor & Orbit為例。
與離線型設(shè)計(jì)類似，浮動(dòng)的導(dǎo)航允許設(shè)計(jì)師在設(shè)計(jì)中自然地或帶有目的性地運(yùn)用巧妙的并置，這又給設(shè)計(jì)帶來了更多的空間。
9
視頻元素
以下是幾點(diǎn)重要的原因：
1.視頻元素可以無縫地切入設(shè)計(jì)中，無需嵌入Youtube或是Vimeo插件。
2.即使有很多顏色，漸變和細(xì)節(jié)，視頻地質(zhì)量依然很高，但如果GIF動(dòng)圖不按大小以指數(shù)倍數(shù)放大，則很難做到。
3.視頻可以循環(huán)以確保副本的細(xì)節(jié)和圖像的細(xì)節(jié)保持一致，并為有需要的人重復(fù)播放。
所以從我們自己的網(wǎng)站到Stripe Sigma，當(dāng)視頻元素風(fēng)靡整個(gè)網(wǎng)絡(luò)時(shí)，我們并不感到奇怪。
10
更多身臨其境的“多媒體”長(zhǎng)格式
當(dāng)我們想要發(fā)布長(zhǎng)格式的內(nèi)容時(shí)，只需在頁面上放置一個(gè)長(zhǎng)文本字段，特別是當(dāng)我們的長(zhǎng)格式內(nèi)容有CMS支持時(shí)。其中，單個(gè)布局的內(nèi)容長(zhǎng)度大概為200字到一篇較為詳細(xì)的短教程的長(zhǎng)度。
但現(xiàn)在一些設(shè)計(jì)師和作家并不采用這種方法，他們將布局和量身定制的副本結(jié)合起來，通過視頻、聲音、圖表和圖形、地圖等豐富的載體，娓娓道來故事的內(nèi)容。
說實(shí)話，這并不是一個(gè)“新”趨勢(shì)，我更傾向于把它稱為網(wǎng)絡(luò)產(chǎn)生長(zhǎng)期對(duì)話的基石。但現(xiàn)在所有的網(wǎng)絡(luò)出版工具都出現(xiàn)了，包括我們?cè)趦?nèi)，2018年似乎都是最佳時(shí)機(jī)。
以CNN講述全球變暖對(duì)格陵蘭島和全世界其他地區(qū)的影響為例。
這個(gè)故事盡可能地做到引人入勝，這對(duì)于很多還較為抽象的問題來說至關(guān)重要。它巧妙地將一個(gè)復(fù)雜的話題變成一系列便于理解的段落。你永遠(yuǎn)都不會(huì)覺得內(nèi)容過于冗雜，相反你總是不知不覺就接受了，你發(fā)現(xiàn)自己閱讀每一個(gè)字，都很容易理解。
請(qǐng)注意，我并不是批評(píng)CMS，事實(shí)上，我們可以利用CMS來提供這種體驗(yàn)。這里只需要一點(diǎn)小技巧：利用背景圖片和視頻來傳遞所有的視覺效果，在編寫、設(shè)計(jì)時(shí)仔細(xì)檢查每一個(gè)故事的一致性。這就和“博客”的格式不大一樣了。
如果你正在尋找更有吸引力的長(zhǎng)形，我不會(huì)推薦紐約時(shí)報(bào)上由Tuam拍攝的“失落的兒童”。值得一提的是，這樣更為多樣化的長(zhǎng)格式可以用破碎網(wǎng)格或者標(biāo)準(zhǔn)布局進(jìn)行組合，正如上面的紐約時(shí)報(bào)片段所示。
11
可變的字體！
在今天看來，我們很難相信就在幾年前，我們還不得不依靠稀少的字體來呈現(xiàn)我們所有的文本內(nèi)容。
今天，網(wǎng)絡(luò)上到處都是各種各樣華麗的字體，從而引發(fā)了人們對(duì)字體印刷、字體設(shè)計(jì)和選用、消費(fèi)字體的興趣。
可變字體出現(xiàn)后，這一趨勢(shì)愈演愈烈?？萍己陀∷⒓夹g(shù)的巨頭——蘋果、谷歌、微軟和Adobe之間有一個(gè)可變字體聯(lián)合項(xiàng)目，這使得可變字體實(shí)現(xiàn)了一種全新的字體設(shè)計(jì)形式，正式增加了opentype格式，這意味著，允許設(shè)計(jì)師插入一個(gè)字體的整個(gè)詞庫或者有多達(dá)64000axe（磅值、字號(hào)等）的單個(gè)字形，并在設(shè)計(jì)空間中將特定位置定義為命名實(shí)體（粗體、濃縮等）。
說實(shí)話上面這段文字有些難懂了，那么請(qǐng)直接看John Hudson的解釋，他認(rèn)為可變字體是：
一個(gè)字體文件的行為像多個(gè)字體一樣。
但是在討論字體設(shè)計(jì)等視覺藝術(shù)時(shí)，最好還是堅(jiān)持從視覺方面入手。
簡(jiǎn)而言之，這就是一個(gè)可變的字體，一個(gè)單一的字體文件，能夠變黑，而不需要調(diào)用其它字體。
12
（注意：內(nèi)容一直很酷）
作為一個(gè)內(nèi)容為王的極客，我很高興看到在2017年產(chǎn)生了如此之多的有見解、極有幫助的內(nèi)容。我相信2018年我們會(huì)見到更多，畢竟2017年已經(jīng)打下了很好的基礎(chǔ)。
我們也可以看到，有很多領(lǐng)先品牌將pdf格式用于電子書領(lǐng)域并充分發(fā)掘網(wǎng)絡(luò)出版長(zhǎng)內(nèi)容的潛力，我喜歡稱之為“webooks”，這很具有吸引力。
具體而言，我指的是：
Stripe Atlas Guides
Airtable Universe
DesignBetter.co
Intercom Books
我們自己的電子書網(wǎng)站我想不需多言了吧！
13
CSS網(wǎng)格
Robin Rendle的CSS網(wǎng)格演示，來自CSS-Tricks
正如Robin Rendle極具有表現(xiàn)力地將它放在了CSS-Tricks上：那么，CSS網(wǎng)格是第一個(gè)真正地網(wǎng)頁布局系統(tǒng)，它旨在將內(nèi)容組織成列和行，并最終為給予開發(fā)人員最高的權(quán)限。此處應(yīng)有得逞了的笑聲。
注：Webflow將支持CSS網(wǎng)格，但尚未提供官方日期。
14
追求完美的數(shù)字設(shè)計(jì)工具
2017年是一個(gè)重要的年份，尤其是對(duì)于深入討論設(shè)計(jì)工具的性質(zhì)及其對(duì)我們工作的適用程度。
Spectrum的Bryn Jackson分享了自己的看法：
設(shè)計(jì)成品和設(shè)計(jì)工具之間的中間格式，可以為產(chǎn)品團(tuán)隊(duì)和設(shè)計(jì)人員提供更高效、更強(qiáng)大的工具。
在一篇名為“接口”的文章中，他繼續(xù)假設(shè)：“今天所有的每一種流行的設(shè)計(jì)工具都是為了優(yōu)化插圖?！?/p>
（需要注意，Bryn Jackson對(duì)于插圖的定義是導(dǎo)致圖像、圖標(biāo)、插圖、字體、廣告、印刷媒體或其他沒有本地交互性的可視通信媒介的任何設(shè)計(jì)工作，但這是一個(gè)有爭(zhēng)議的定義，其中沒有提到閱讀和交互形勢(shì)。）
除了插圖和交互性的定義以外，不難看出，Bryn Jackson的觀點(diǎn)：在最基礎(chǔ)的地方，大多數(shù)現(xiàn)代設(shè)計(jì)工具都注重圖像的制作而不是接口。
設(shè)計(jì)師兼工程師AdamMichela在“I’m a Designer at Facebook, and This Is What’s Missing in Design Tools Today.”中提出了一些相同的觀點(diǎn)。他認(rèn)為大多數(shù)設(shè)計(jì)師花費(fèi)大部分時(shí)間來創(chuàng)建實(shí)際價(jià)值并不大的少量工件。而這些工件僅代表最終產(chǎn)品—數(shù)字接口，這與上述的情況背道而馳。
在文章的最后，他積極地認(rèn)為，有機(jī)會(huì)創(chuàng)建融合（而不是橋接）設(shè)計(jì)和實(shí)現(xiàn)的工具。
這正是我們?cè)噲D在webflow上構(gòu)建的。像Michela，我們希望一個(gè)設(shè)計(jì)交付的不是網(wǎng)站的示意圖，而是網(wǎng)站本身，不是接口的文檔，而是接口本身。在這個(gè)過程中，網(wǎng)站能不斷地修改、完善，還可以保存時(shí)間線上的不同版本，可以檢查，甚至點(diǎn)擊一個(gè)鍵就可以恢復(fù)。
15
多樣性和包容性使得設(shè)計(jì)更具挑戰(zhàn)
Webflow是一個(gè)公平的機(jī)會(huì)雇主，我們致力于建立一個(gè)團(tuán)隊(duì)，這個(gè)團(tuán)隊(duì)不僅在觀念和身份上具有多樣性，并且受到鼓勵(lì)。– Our job listings
在Webflow所在的美國，日益激烈的政治環(huán)境正在推動(dòng)對(duì)多樣性和包容性在設(shè)計(jì)中的作用的強(qiáng)烈關(guān)注。
我們不得不承認(rèn)，設(shè)計(jì)的選擇，小到性別的下拉列表中包含了哪些選項(xiàng)，都能影響我們同胞中的一些人。我們可以清楚地看到，錯(cuò)誤的消息、措辭地影響有多嚴(yán)重，數(shù)據(jù)驗(yàn)證機(jī)制在人機(jī)交互地動(dòng)態(tài)機(jī)制中有多強(qiáng)大。我們意識(shí)到，讓種族成為廣告的過濾器會(huì)產(chǎn)生徹頭徹尾的種族主義效果，從而維護(hù)我們?cè)S多人希望看到被顛覆的現(xiàn)有權(quán)利體系。
我們也清楚地意識(shí)到，如果我們地團(tuán)隊(duì)沒有多元化和包容性，我們也沒有辦法提出設(shè)計(jì)方案。
最起碼，我們中的一些人不能。
另一方面，我們也看到了性別歧視在明顯的自相矛盾和邊緣化之后抬起了丑惡的頭顱，甚至?xí)碓诳此频赖碌娜粘?duì)話中。性別歧視就是雙重標(biāo)準(zhǔn)的明顯例子。
最終，作為用戶體驗(yàn)專業(yè)人員，我們的工作是為每個(gè)人提供可用且理想愉快的體驗(yàn)，而不論他們的種族、國籍、信仰等個(gè)人情況。換句話說，我們的工作就是包容，讓我們一起在2018年，包容更多，獲得更多。
16
視頻的廣泛應(yīng)用
盡管我們幾乎沒有人大肆鼓吹視頻將會(huì)成為網(wǎng)絡(luò)發(fā)布媒體，但發(fā)行商仍然非?？春棉D(zhuǎn)播。
視頻早已到處可見：從一開始就堅(jiān)持使用視頻而不是短故事的新聞網(wǎng)站，到Snapchat，再到Instagram，最后到Facebook。無疑，Excel很快也會(huì)趕上潮流！
但就像科技領(lǐng)域的大多數(shù)事情一樣，這并不是一個(gè)平穩(wěn)的發(fā)展，成千上萬的記者在文本和動(dòng)圖之間丟掉了工作。對(duì)于轉(zhuǎn)播的網(wǎng)站來說，前景也可能不是很好。根據(jù)哥倫比亞新聞評(píng)論：
轉(zhuǎn)播的發(fā)行商們僅花了一年的時(shí)間，就用無差別的、平淡的快餐式視頻，驅(qū)散了大多數(shù)來之不易的本土觀眾。
獨(dú)立新聞業(yè)至今遭受創(chuàng)傷，這要?dú)w功于特朗普，而視頻的宣傳也沒有幫到他們。
值得一提的是：根據(jù)Digiday的說法：“展示一千次視頻的費(fèi)用遠(yuǎn)高于展覽一千次的費(fèi)用?！痹诶硐氲氖澜缋铮瑘?bào)紙可以在打更少的廣告。
當(dāng)然，這不會(huì)發(fā)生。面對(duì)這一切，請(qǐng)記住文字作為創(chuàng)意和信息媒介的優(yōu)勢(shì)：
1.生產(chǎn)速度相對(duì)較快
2.便宜
3.仍是網(wǎng)絡(luò)上大多數(shù)通信的主要形式
最后一點(diǎn)可能也會(huì)讓人費(fèi)解，但我希望你能去各個(gè)社交網(wǎng)站看看。除非你點(diǎn)開的是Instagram，Pinterest或Snapchat，否則你仍會(huì)看到大量的文字。即使在這些視覺效果站第一的平臺(tái)上，文字仍然扮演者重要的支撐角色。
因?yàn)橐粡垐D片可能在捕捉場(chǎng)景時(shí)值得多說幾句，但圖片很難捕捉到具體的內(nèi)容，人物、時(shí)間、地點(diǎn)、原因和方式。
這使得我們很自然地談及下一點(diǎn)：
17
用戶體驗(yàn)寫手的持續(xù)興起
任何影響設(shè)計(jì)的人都是設(shè)計(jì)師，這包括開發(fā)人員、CFO甚至公司法律。所有的這些都可以是設(shè)計(jì)師。–Jared Spool
我在去年的設(shè)計(jì)趨勢(shì)中談到了這一點(diǎn)，但我今天想將注意力更多地放在被稱為用戶體驗(yàn)寫手地原因上。
簡(jiǎn)而言之，UX寫手們專注于用戶界面中的內(nèi)容，這些內(nèi)容主要用于大型數(shù)字產(chǎn)品和web應(yīng)用程序。現(xiàn)在，我說我是為Webflow產(chǎn)出內(nèi)容，過去是為了Linkedln，人們都會(huì)問：“這是啥？”
但請(qǐng)放心，用戶界面都有寫手地痕跡。并且這些內(nèi)容往往在你的理解過程中起到關(guān)鍵作用：
1.你可以在用戶界面中做什么
2.如何做這些事情
3.你可能會(huì)遇到什么限制和困難
但UX寫手能做的不僅僅是這些。用戶界面中的詞匯也是塑造好的用戶界面背后的品牌認(rèn)知的強(qiáng)大工具。試想一下，如果你看到的所有推文，所有應(yīng)用中，都有一系列的搞笑文章，或者是在404頁的展示中都有亮點(diǎn)，這些都是為了在最不理想的時(shí)候敦促你的行動(dòng)。
這在被稱為Chatbot的UI格式中顯得尤其明顯。一般來說，這些用戶界面只包含單詞，單詞構(gòu)成了整個(gè)用戶界面。Chatbot的個(gè)性、品牌都只能通過語言表達(dá)，不過也有一些精心挑選的表情符號(hào)來調(diào)味。
作為一名經(jīng)驗(yàn)豐富的UX寫手，我很高興看到這個(gè)關(guān)鍵角色得到了它應(yīng)有的更多認(rèn)可。我們也是設(shè)計(jì)師，不過我們是在音節(jié)和字母表中工作，我們迫不及待想要和你合作。
18
系統(tǒng)化
成功更加系統(tǒng)化，更加具有擴(kuò)展性且在品牌的許多產(chǎn)出和不同環(huán)境中具有凝聚力。
設(shè)計(jì)系統(tǒng)專注于將品牌美學(xué)和功能方法轉(zhuǎn)化為模塊化的組件，這些模塊化組件可以混合搭配以滿足任何UI的獨(dú)特需求（理想情況下）。當(dāng)設(shè)計(jì)語言被系統(tǒng)化時(shí)，就簡(jiǎn)化了設(shè)計(jì)決策，縮短了開發(fā)時(shí)間，并且能讓設(shè)計(jì)人員在尚未建立設(shè)計(jì)模式的項(xiàng)目上更好地工作。
通常情況下，品牌正處于這一趨勢(shì)之上。UXPin推出了Systems，這是一款用于創(chuàng)建和維護(hù)設(shè)計(jì)系統(tǒng)的工具。Shopify推出了Polaris，憑借其獨(dú)特的內(nèi)容、設(shè)計(jì)和開發(fā)指導(dǎo)方案而獲得高度贊譽(yù)。UX Power Tools推出了一個(gè)想要使Sketch稱為可行的設(shè)計(jì)系統(tǒng)工具的庫（我們即將會(huì)看到?。┪蚁?018年會(huì)有更多這樣的消息。
19
原則—設(shè)計(jì)的第一要?jiǎng)?wù)
設(shè)計(jì)界一直糾結(jié)于雞還是蛋的問題：內(nèi)容至上還是設(shè)計(jì)至上。
我過去一直都是支持內(nèi)容至上，這并不僅僅是因?yàn)槲沂且粋€(gè)內(nèi)容的極客。對(duì)于我來說，在確定怎么包裝之前，確定所包裝的信息是最符合邏輯的。
但最近，由于我已經(jīng)由特定交付品的內(nèi)容設(shè)計(jì)專項(xiàng)更系統(tǒng)化的工作，品牌內(nèi)容策略，我對(duì)我們的工作是否遵從內(nèi)容還是設(shè)計(jì)變得柔和了起來。
它應(yīng)該從原則開始。
不論其他一切如何工作，我們都應(yīng)該明確原則，并依賴于這些原則。
當(dāng)Shopify的高級(jí)UX主管Amy Thibodeau，在她的文章“LocatingPolaris”中提到：
如果系統(tǒng)是為了實(shí)現(xiàn)真正的工作而創(chuàng)建的，它應(yīng)該反映一個(gè)組織的行事準(zhǔn)則及其價(jià)值。這也是說，一個(gè)不包含任何原則或價(jià)值取向的設(shè)計(jì)系統(tǒng)沒法考慮日常實(shí)踐中的這些問題。
原則為其他所有決策提供了一個(gè)框架，從主要內(nèi)容要多長(zhǎng)到內(nèi)容的背景是什么都有所限制。畢竟，品牌是建立在其原則至上：品牌的使命、愿景和目標(biāo)。這些名詞都需要一個(gè)進(jìn)出的信念來作為支撐，使之成立而不倒。
換句話說，原則回答了為什么。
例如，在Webflow上，我們的使命是鼓勵(lì)設(shè)計(jì)師，企業(yè)家和創(chuàng)意者將他們的想法帶到網(wǎng)絡(luò)上。這一使命融入了我所做的一切，從Ryan為我們創(chuàng)造的美學(xué)到我設(shè)計(jì)的語音和音調(diào)標(biāo)準(zhǔn)。
這些標(biāo)準(zhǔn)知道我們創(chuàng)建草圖，溝通我們的意見，并希望每篇文章、電子郵件和廣告頁面能更豐富。到目前為止，這是一個(gè)溫暖的搖籃。
-end-
本篇內(nèi)容來自：玩皮兔翻譯
作者：John
根據(jù)你的喜好
目測(cè)你還喜歡這些文章
站酷，讓設(shè)計(jì)更有價(jià)值！
更多好文章請(qǐng)戳！
▽▽
5個(gè)資源滿滿的網(wǎng)站，每一個(gè)都超級(jí)的棒！
你是不是還沒有好用的網(wǎng)站資源？不用郁悶！今天為大家整理了5個(gè)資源滿滿的網(wǎng)站，每一個(gè)都是良心之作。
一、vip視頻在線解析
喜歡看視頻的朋友千萬不要錯(cuò)過，它可以在線解析vip視頻的網(wǎng)站，只需要將連接復(fù)制到網(wǎng)站的里面，點(diǎn)擊立即播放即可在線觀看vip視頻！
二、辦公資源
想要PPT、Excel、Word模板的朋友可以去看看，里面的模板樣式非常時(shí)尚，各種種類的樣式模板都有，不一款不可多得的模板資源類網(wǎng)站
三、磁力貓
這個(gè)是一款BT搜索的網(wǎng)站，幫你搜索各種文檔、軟件、電影、動(dòng)漫等等，直接到搜索欄里輸入關(guān)鍵詞即可！
四、騰訊課堂
這是一款非常好的自學(xué)課程網(wǎng)站，里面的的課程非常全面，要有自學(xué)IT互聯(lián)網(wǎng)、平面設(shè)計(jì)、留學(xué)英語、考研、考證的朋友可以在里面找到讓你心滿意足的課程視頻。
盤多多
一款強(qiáng)大的網(wǎng)盤搜索網(wǎng)站，網(wǎng)站里面收錄了將近三千多萬個(gè)資源，只需要在搜索欄里面搜索你想要的關(guān)鍵詞，即可找到。
以上為大家分享的網(wǎng)站就到這里結(jié)束了！喜歡的話幫忙轉(zhuǎn)發(fā)分享下。
這15個(gè)圖片網(wǎng)站，至少讓你的效率翻一倍！「圖片資源網(wǎng)站」
作者：七小葩
來源：簡(jiǎn)書
文 | 小葩
如果你還在用百度搜圖，那真是“棒棒噠”，像你這么專一的人不多了。
經(jīng)常有人會(huì)問我，你一般在哪找的圖片？
不少朋友都會(huì)有自己的素材庫，需要時(shí)提取就可以了。
不過像我這么懶的人，圖片分類都得好久，找圖片就更費(fèi)力了。
需要圖片時(shí)，一個(gè)都找不到；不需要了，一個(gè)個(gè)好看的圖片通通冒了出來，好氣哦~
為了想用就有，不浪費(fèi)我白花花的時(shí)間，我憋出了一個(gè)大招。
我哼哧哼哧守在電腦旁，從（創(chuàng)意趣味，高清大圖，免費(fèi)下載，無需版權(quán)）這四個(gè)角度，整合了國內(nèi)外超級(jí)好用的圖片搜索網(wǎng)站，分享給大家。
有了這些，你還擔(dān)心找不著圖片？
國內(nèi)網(wǎng)站【創(chuàng)意趣味，高清大圖】
■ 花瓣網(wǎng)
我最常用的網(wǎng)站，喜歡找好看的插畫。
有平面攝影插畫明星美食動(dòng)漫運(yùn)動(dòng)教育等各種分類。
吸引我的主要是圖片很高清，插畫有創(chuàng)意。
圖片很有趣，當(dāng)然自己也可以投稿啦。
我投了自己的原創(chuàng)作品，有了不少贊，啦啦啦~
花瓣網(wǎng)大神作品
■ 站酷網(wǎng)
高清大圖，種類多。以創(chuàng)意為主，偏系列化。
大多是設(shè)計(jì)師，圖片有版權(quán)，可供學(xué)習(xí)與欣賞。
有很多優(yōu)質(zhì)的圖片設(shè)計(jì)，下載最好備注署名喲。
站酷網(wǎng)
■ 堆糖網(wǎng)
文藝清新范兒，適合男生女生的壁紙，唯美系。
可愛賣萌的插畫，讓老夫的少女心撲通撲通亂跳。
來這兒，會(huì)捕捉到小可愛~
堆糖網(wǎng)
■ 別樣網(wǎng)
高質(zhì)量，無版權(quán)。熱門標(biāo)簽多，類別豐富，可免費(fèi)下載。
自己也可以上傳照片分享~
國內(nèi)少有的高質(zhì)量圖片網(wǎng)站，嚇得我趕緊收藏了。
別樣網(wǎng)
■ 插畫家園
插畫與創(chuàng)意相結(jié)合，發(fā)現(xiàn)生活的小美好。文藝清新趣味。
隨手截了一張圖，都是超級(jí)唯美好看的。
圖把生活的小物件融入到繪畫中，竟然毫無違和感。
如果你和我一樣是個(gè)插畫迷，這里簡(jiǎn)直是福利啦。
還有很多腦洞大開的創(chuàng)意圖片，超喜歡~
插畫家園
國外網(wǎng)站【免費(fèi)下載，無需版權(quán)】
■ Unsplash
個(gè)人很喜歡的國外網(wǎng)站，主要是生活中的景象作品。
清新的生活氣息圖片可以應(yīng)用于各種需要的環(huán)境。
點(diǎn)開即高清，可收藏，喜歡，下載。
Unsplash
■ Pixabay
創(chuàng)意圖片本身就很酷了。
更酷的是【支持中文搜索的免費(fèi)可商用圖庫】
官方表明：可在任何地方使用的免費(fèi)圖片和視頻，無需署名。
贊贊贊。
Pixabay
■ StockSnap
最先進(jìn)的檢索功能，瞬間擁有高質(zhì)量的免費(fèi)高清圖片。
超快的圖片搜索功能，每張都是大片。
我喜歡圖片顏色很飽滿，有點(diǎn)酷。
StockSnap
■ Magdeleine
主要類別有自然、城市建筑、動(dòng)物、視頻。
風(fēng)格偏厚重，比較藝術(shù)化。
Magdeleine
■ 500px
推薦說這里面有著世界上最好的照片分享，
那，不管噠，分享給大家。
圖片偏生活化，自然為主。
500px
■ STOKPIC
主要是生活方式、旅行、物品，自然等方面的免費(fèi)圖片素材。
STOKPIC
【按顏色找圖片】的網(wǎng)站
■ Pexels
按照熱度和顏色來篩選圖片。
每一張都高清大圖，無版權(quán)可任性下載~
Pexels
■ VisualHunt
通過顏色找圖片，更精準(zhǔn)的滿足用戶需求。
VisualHunt
【攝影作品居多】的網(wǎng)站
■ Gratisography
免費(fèi)高分辨率的攝影圖片。
因?yàn)槭歉叻直媛?，?nèi)存相對(duì)較大，看你的需求而定~
Gratisography
■ Cupcake
免費(fèi)高清攝影圖片素材的站點(diǎn)。
圖片色調(diào)厚實(shí)，適合做背景圖。
Cupcake
看到這兒，恭喜你~
再也不用為找不到適合的圖片浪費(fèi)時(shí)間噠。
圖片網(wǎng)站有很多，適合自己才是最好的。
一定要找自己最喜歡的，自己多用，超級(jí)方便。
每一張圖都是我在網(wǎng)站里仔細(xì)截的，
每一個(gè)動(dòng)態(tài)圖都是我錄好用心做的。
這里網(wǎng)站主要適合圖片素材的搜索，設(shè)計(jì)素材可單獨(dú)問我噠。
如果你還有什么疑問，也可以在下面留言，我?guī)湍憬獯稹?/p>
如果你還有很好的圖片網(wǎng)站，歡迎分享喲~
如果你喜歡，一定要告訴我；幫到你了，我會(huì)很開心的~
優(yōu)質(zhì)的實(shí)習(xí)，來實(shí)習(xí)僧APP！
網(wǎng)站設(shè)計(jì)之響應(yīng)式設(shè)計(jì)
目前響應(yīng)式網(wǎng)站是被大力推崇的，響應(yīng)網(wǎng)頁設(shè)計(jì)在UI圈也是十分的受寵，在這幾年的發(fā)展中依舊不減熱度，今天廣州網(wǎng)站設(shè)計(jì)公司來分析一下響應(yīng)式網(wǎng)站：
響應(yīng)式網(wǎng)站之所以能夠大行其道是有各方面的因素的。大環(huán)境的促進(jìn)，互聯(lián)網(wǎng)的發(fā)展迅速，電子產(chǎn)品的更新?lián)Q代，網(wǎng)站要適應(yīng)各種屏幕尺寸的移動(dòng)設(shè)備，響應(yīng)式網(wǎng)站具有其自身的靈活性和可塑性，因此在內(nèi)在和外在原因的促進(jìn)下各大平臺(tái)都不會(huì)丟掉任何一方的流量，響應(yīng)式網(wǎng)站大爆發(fā)是必然的。
響應(yīng)式網(wǎng)站的設(shè)計(jì)模式只要就是基于設(shè)備和內(nèi)容，根據(jù)移動(dòng)設(shè)備的尺寸來進(jìn)行斷點(diǎn)，內(nèi)容具有較高的可讀性，對(duì)內(nèi)容的布局可以不用考慮設(shè)備，根據(jù)自身的彈性自行斷點(diǎn)，呈現(xiàn)出不同的形式。但并不是搜有的都適合響應(yīng)式網(wǎng)站，廣州網(wǎng)站設(shè)計(jì)公司認(rèn)為如果你想要節(jié)約本，或者不知道自己的產(chǎn)品更適合那個(gè)場(chǎng)景，或者想要一勞永逸使自己的網(wǎng)站能夠適合更多的設(shè)備那么就可以選擇響應(yīng)式網(wǎng)站，他的自身彈性可以使你節(jié)約打造不同端口不同版本的成本，更加能夠適應(yīng)層出不窮的移動(dòng)設(shè)備。這就是響應(yīng)式最大的好處。因此響應(yīng)式在當(dāng)下依舊炙手可熱。但是不能否認(rèn)的是響應(yīng)式依舊存在難以攻克的技術(shù)缺憾。
首先圖片的適應(yīng)依舊不能完美，目前彈性圖片的做法主要是：縮放、剪裁、分條件加載等實(shí)現(xiàn)方法本質(zhì)上都只是一個(gè)技巧，只是治標(biāo)不治本地掩蓋了問題，并未真正完美地實(shí)現(xiàn)圖片的彈性。其次不能夠很好的的求同存異，適應(yīng)各個(gè)移動(dòng)端的手持習(xí)慣，比如在桌面端無盡優(yōu)雅的Hover，在移動(dòng)端卻是無比糟糕的體驗(yàn)。然后就是性能方面，按條件加載、隱藏或顯示什么內(nèi)容，都會(huì)比單一條件判斷的代碼結(jié)構(gòu)來的繁瑣，并影響體驗(yàn)及維護(hù)。尤其是移動(dòng)性能上，更多樣的設(shè)備具有更加復(fù)雜的使用環(huán)境，如何識(shí)別設(shè)備，并讓設(shè)備在不同環(huán)境均能良好體驗(yàn)，也是一根硬骨頭。
以上就是廣州網(wǎng)站設(shè)計(jì)公司在長(zhǎng)期運(yùn)用響應(yīng)式網(wǎng)站過程中對(duì)響應(yīng)式的情況與技術(shù)難點(diǎn)的分析，希望未來我們能夠攻克這些難點(diǎn)使響應(yīng)式設(shè)計(jì)不只是一種簡(jiǎn)單的策略，更加是一種完整的全新的工作流程。
史上最有影響力的十五個(gè)網(wǎng)站
什么叫有影響力？那就是改變了我們的生活習(xí)慣，并且滲透到了人們社會(huì)活動(dòng)的方方面面。網(wǎng)站也是如此，自第一個(gè)網(wǎng)站誕生以來，幾十年內(nèi)無數(shù)網(wǎng)站在我們生命中路過，自然會(huì)有對(duì)我們影響重大的一些網(wǎng)站?！稌r(shí)代》周刊最近評(píng)出了15個(gè)最有影響力的網(wǎng)站，不少知名網(wǎng)站都名列其中。
27年前的那天，英國工程師和科學(xué)家蒂姆·伯納斯-李推出了世界首個(gè)網(wǎng)站，運(yùn)行在瑞士歐洲核子研究組織的一臺(tái)NeXT電腦上。
這個(gè)網(wǎng)站當(dāng)時(shí)非常簡(jiǎn)陋，只是在話題區(qū)塞進(jìn)了幾段句子。但是，它建立的基本原則對(duì)當(dāng)今網(wǎng)絡(luò)世界仍至關(guān)重要，那就是超鏈接概念，它讓文檔（最終包括任何類型的媒體）以非線性文本重現(xiàn)，而世界任何地方的任何人都可以通過瀏覽器閱讀這些內(nèi)容。
網(wǎng)絡(luò)后來經(jīng)歷了繁榮發(fā)展。1990年代中期，虛擬現(xiàn)實(shí)置標(biāo)語言似乎即將改變網(wǎng)絡(luò)。Adobe的Shockwave和Flash媒體播放器成為廣受歡迎的多媒體明星。早期有誰能夠想到，到2017年，曾一度被微軟（IE瀏覽器）、網(wǎng)景等公司統(tǒng)治的互聯(lián)網(wǎng)世界，會(huì)細(xì)分成多個(gè)板塊，并讓位于谷歌等一大波全新玩家。以下是《時(shí)代》雜志評(píng)選的史上最具影響力的15個(gè)網(wǎng)站，以及其原因。
15、Match
新興一代某天可能會(huì)將20世紀(jì)末和21世紀(jì)初視為某種分界線：即互聯(lián)網(wǎng)時(shí)代開啟前后的分界線，以及人們使用Match尋找潛在約會(huì)對(duì)象的分界線。Match成立于1995年，這款在線約會(huì)服務(wù)在1993年時(shí)只是用來分發(fā)在線分類廣告。但很快，它成為一款幫助人們約會(huì)的服務(wù)。如今，Match在全球25個(gè)國家開展運(yùn)營，促成了數(shù)千萬對(duì)情侶。
阿卡注：這網(wǎng)站國內(nèi)完全不知名，因?yàn)閲鴥?nèi)有太多類似網(wǎng)站，而且作為國人而言，也沒條件通過一個(gè)國外網(wǎng)站和其他國外友人搞網(wǎng)戀和約會(huì)……
14、Reddit
在線論壇自互聯(lián)網(wǎng)之初就存在了，因此在某種意義上而言，Reddit只是論壇的現(xiàn)代版。但是，成立于2005年的Reddit在論壇中添加了社交新聞元素，讓它成為新聞與反饋中心的結(jié)合。將有趣、小眾或熱門話題與粉絲群體融合，在如今已變得非常流行，吸引無數(shù)用戶每年貢獻(xiàn)數(shù)以億計(jì)的瀏覽量，而Reddit也自豪地聲稱自己是“互聯(lián)網(wǎng)首頁”。
阿卡注：的確是非常出名的網(wǎng)站，現(xiàn)在依然很火爆，但是國內(nèi)用的人不多，可以正常訪問，不過的確版面和設(shè)計(jì)不算時(shí)尚。
13、Pandora
MP3等早期網(wǎng)站開啟了音樂共享的浪潮，誕生了iTunes和Spotify等數(shù)字平臺(tái)，但是是Pandora證明了流媒體播放加興趣推薦的模式。Pandora成立于2000年，它允許用戶播放自己熟知的歌曲，或者是播放器中某種類別的歌曲，之后是基于貢獻(xiàn)性質(zhì)的推薦歌曲。用戶可以對(duì)每個(gè)類別點(diǎn)贊或表示不感興趣，“訓(xùn)練”服務(wù)迎合他們的喜好。如今，你可以在亞馬遜、蘋果等許多公司的服務(wù)中看到這種元素。
阿卡注：潘多拉是很多年前阿卡就用過的網(wǎng)站，現(xiàn)在其實(shí)用的人不算太多了，但是共享音樂以及音樂網(wǎng)絡(luò)化的趨勢(shì)，潘多拉的確為其貢獻(xiàn)多多。
12、維基解密
維基解密以爆料各種內(nèi)幕消息著稱，曾讓美國五角大樓頭疼不已。維基解密由澳大利亞記者朱利安·阿桑奇在2006年創(chuàng)立，旨在幫助人們匿名曝光國家或機(jī)構(gòu)的敏感信息。它以曝光美國的軍事和外教活動(dòng)、支持美國國家安全局泄密人員愛德華·斯諾登（Edward Snowden）而名聲大噪。2016年，它曝光了美國民主黨大量的郵件，這些郵件據(jù)稱由俄羅斯特工提供。
阿卡注：維基解密對(duì)國人而言不算什么，但對(duì)于國外用戶來說，這簡(jiǎn)直就是世界政壇八卦聚集地，而且很多八卦說不定還是真的，國內(nèi)無法正常訪問。
11、The Pirate Bay。
該網(wǎng)站倡導(dǎo)“信息自由”，索引其他機(jī)構(gòu)的內(nèi)容，提供鏈接供用戶下載，常常公然違反信息共享法。盡管被全球起訴和調(diào)查，但它仍舊存活了下來。
阿卡注：著名的海盜灣，世界最大的盜版網(wǎng)站，當(dāng)然美其名曰共享，目前國內(nèi)還是可以正常訪問的……
10、Info.cern.ch
全球首個(gè)網(wǎng)站info.cern.ch，是伯納斯-李在1990年于歐洲核子研究組織擔(dān)任研究員時(shí)，因應(yīng)工作需要而創(chuàng)造。他回憶稱，當(dāng)時(shí)的網(wǎng)站并不“互聯(lián)”，而是由各份文件拼湊組成，且只為國防機(jī)構(gòu)或?qū)W術(shù)組織所用，并不像如今這樣普及。
伯納斯-李稱，當(dāng)時(shí)電腦間的資料并不流通，自成一體，用戶若要從數(shù)部電腦中獲取資訊，需登入不同的電腦，費(fèi)時(shí)費(fèi)力。更大的問題在于，由于電腦的種類不同，作業(yè)系統(tǒng)也不盡相同，用戶要因此很難適應(yīng)。
因此，伯納斯-李從實(shí)際出發(fā)，創(chuàng)立世上第一個(gè)網(wǎng)站，提供萬維網(wǎng)的資料，讓用戶可通過超鏈接，從互為連接的網(wǎng)站中獲取資料，為萬維網(wǎng)打下堅(jiān)實(shí)基礎(chǔ)。時(shí)至今日，這個(gè)網(wǎng)站仍然可以登錄，而伯納斯-李也仍然是網(wǎng)絡(luò)先鋒，他反對(duì)網(wǎng)絡(luò)審查，提倡資訊流通，讓網(wǎng)絡(luò)世界繼續(xù)變得更美好。
阿卡注：其實(shí)沒什么用，但是什么事情粘上了第一，那就有影響力了！
9、eBay
亞馬遜運(yùn)營著如今全球最大的在線商店，但普及在線市場(chǎng)理念的卻是eBay。eBay成立于1995年，當(dāng)時(shí)名為AuctionWeb，它永遠(yuǎn)改變了人們交易二手商品的方式。它為現(xiàn)代化電商網(wǎng)站奠定了基礎(chǔ)。
阿卡注：國內(nèi)叫易趣，已經(jīng)廢了，但是國際上，它依然是最大的純第三方電商交易平臺(tái)，而且的確有不少好東西，國內(nèi)可以正常訪問，喜歡海淘的人應(yīng)該多去！
8、Drudge Report
馬特·德拉吉是一名網(wǎng)絡(luò)記者和電臺(tái)脫口秀節(jié)目的主持人，他創(chuàng)辦的Drudge Report率先報(bào)道了美國總統(tǒng)克林頓的性丑聞事件，時(shí)至今日仍在華盛頓政界擁有巨大的影響力。
阿卡注：國內(nèi)毫無名氣，而且這類網(wǎng)站在國內(nèi)不具復(fù)制性，原因眾所周知，只是能爆美帝老大的丑聞，影響力自然就上去了！
7、雅虎
在“谷歌”成為動(dòng)詞前，雅虎也享有這樣的地位。雅虎是現(xiàn)代門戶網(wǎng)站的先驅(qū)，它對(duì)世界的影響已無需贅述。
阿卡注：雅虎的影響力不用多說，包括當(dāng)年在國內(nèi)也是叱咤風(fēng)云，現(xiàn)在嘛，只能說一聲默哀了！
6、Craigslist
Craigslist是在線分類網(wǎng)站鼻祖，人們可以在上面找房子、找工作、買賣二手物品等等。它創(chuàng)立于1995年，起初只是記錄舊金山地區(qū)活動(dòng)的郵件列表，此后成為分類廣告網(wǎng)站和在線論壇。
阿卡注：這不就是國際版的58同城么……現(xiàn)在這類網(wǎng)站國內(nèi)非常多，但個(gè)人還真不知道這類網(wǎng)站的祖宗就是這貨??！
5、YouTube
YouTube是全球最大的在線視頻網(wǎng)站，全球用戶每天在該平臺(tái)花費(fèi)的時(shí)間達(dá)數(shù)萬年。
阿卡注：我們有優(yōu)酷，我們有愛奇藝，我們有樂視，我們有土豆，我們有……我們有什么，都無法否認(rèn)這個(gè)我們國內(nèi)無法訪問的網(wǎng)站是世界上最大也是最好的在線視頻網(wǎng)站！
4、Facebook
Facebook由馬克·扎克伯格在2004年創(chuàng)立，目前擁有20億活躍用戶，是全球第一大社交網(wǎng)站。
阿卡注：國內(nèi)無法訪問，個(gè)人覺得非死不可在很多功能上有點(diǎn)太過繁雜，推特反而自己更喜歡用一些。當(dāng)然從規(guī)模和運(yùn)營情況而言，非死不可的確是目前世界上最大的社交網(wǎng)站！
3、維基百科
世界最大的在線百科詞典，內(nèi)容無所不包，成立于2001年。
阿卡注：最近可以訪問，從知識(shí)和查詢角度而言，沒有任何一個(gè)網(wǎng)站能和它相比了！
2、亞馬遜
亞馬遜如今已成為零售和科技巨頭，但起初它只是一家在線書店。如今，亞馬遜占據(jù)美國零售總額的5%，并預(yù)計(jì)將繼續(xù)增長(zhǎng)。
阿卡注：國內(nèi)也有，海淘愛好者必備網(wǎng)站，說實(shí)話，想買海外商品，這是最好的選擇了！至于京東淘寶什么的，出了中國，比都不要和別人比！
1、 谷歌
自1998年成立以來，谷歌已經(jīng)成為搜索的代名詞，變?yōu)榱艘粋€(gè)“動(dòng)詞”。目前它仍是最常用的搜索工具，在移動(dòng)搜索市場(chǎng)的份額高達(dá)97%，在桌面搜索市場(chǎng)的份額達(dá)79%。
阿卡注：如今在國內(nèi)是不存在的網(wǎng)站，但是別忘記我們?cè)?jīng)擁有過，或許只有擁有過才知道它的好！
什么是影響力，其實(shí)看看這些網(wǎng)站就知道，除了一些因?yàn)闀r(shí)間的緣故在歷史上擁有一席之地，更多的網(wǎng)站是他們創(chuàng)造性地開創(chuàng)了一個(gè)新的領(lǐng)域，甚至開辟了我們現(xiàn)代生活的一個(gè)新的道路。
份額再大、用戶人數(shù)再多，只憑借抄襲和借鑒，是永遠(yuǎn)不會(huì)有什么歷史地位的。從這方面來說，國內(nèi)的廠商和網(wǎng)站還需要繼續(xù)努力才行！
唔，要是說影響力最大的社交APP，QQ和微信應(yīng)該能上榜吧？
來自日本最優(yōu)秀的網(wǎng)頁設(shè)計(jì)
日本的網(wǎng)頁設(shè)計(jì)向來自成一體，別有風(fēng)味。和諧，但是追求錯(cuò)落，寧靜，也隱含躁動(dòng)。所以，它令人著迷也不是沒有原因的。
這些設(shè)計(jì)精良的日本網(wǎng)站同樣會(huì)使用那些極盡奢華的視覺元素，炫酷而現(xiàn)代的動(dòng)態(tài)效果，同時(shí)還保留著日本文化中對(duì)殘缺美的執(zhí)著和沉迷，所以，盡管你會(huì)在網(wǎng)頁中看到不少“不和諧”的元素，但是整體上卻能表現(xiàn)出獨(dú)特的錯(cuò)落美。日本人對(duì)禪和道的獨(dú)到理解，使得他們的網(wǎng)站能營造出祥和寧靜的氛圍，結(jié)合精致的細(xì)節(jié)和良好的體驗(yàn)，你會(huì)發(fā)現(xiàn)日本網(wǎng)站的整體設(shè)計(jì)極具識(shí)別度。
接下來的20個(gè)網(wǎng)站會(huì)為你展示日本優(yōu)秀網(wǎng)頁的良好設(shè)計(jì)，希望你能喜歡。
Kenji Saito
齋藤健治的這個(gè)個(gè)人網(wǎng)站，不僅為開發(fā)者展示了HTML5/CSS3和JS的強(qiáng)大功用和夢(mèng)幻般的效果，而且用實(shí)際行動(dòng)為設(shè)計(jì)師們呈現(xiàn)了什么叫“如魚得水般的設(shè)計(jì)”。
Exit Film
Exit Film這個(gè)網(wǎng)站以非入侵式的方式在一個(gè)屏幕上展示了四個(gè)視頻，優(yōu)雅的劇中布局配合深色底，精致的細(xì)節(jié)和排版使得網(wǎng)站視覺極具沖擊力，同時(shí)又不會(huì)給用戶造成視覺負(fù)擔(dān)。
Satoshi Kuroda
打開網(wǎng)頁的第一刻你會(huì)被網(wǎng)站大背景下的精致排版所吸引，網(wǎng)頁設(shè)計(jì)充分展現(xiàn)了設(shè)計(jì)師的藝術(shù)天賦，漂亮的字體設(shè)計(jì)表現(xiàn)力十足，細(xì)節(jié)的裝飾也非常到位。
Kenji Endo
這是藝術(shù)家遠(yuǎn)藤健治的官方網(wǎng)站，中性的黑白色調(diào)構(gòu)成了網(wǎng)站的主色調(diào)，強(qiáng)烈的對(duì)比和留白令網(wǎng)站設(shè)計(jì)感十足。
Gakuten
Gakuten 是一個(gè)日本 萬國學(xué)生藝術(shù)展覽祭的官網(wǎng)網(wǎng)站，網(wǎng)站設(shè)計(jì)清爽，細(xì)節(jié)排版精致到位。作為一個(gè)大型設(shè)計(jì)展的官網(wǎng)，網(wǎng)站和展覽本身緊密關(guān)聯(lián)，美觀與功能都兼顧到了。
Sanga Ryokan
這個(gè)旅館的官方網(wǎng)站，充分融合了現(xiàn)代網(wǎng)頁設(shè)計(jì)和日本和風(fēng)，對(duì)稱式的布局不僅便于展示內(nèi)容，而且隱含陰陽之變的隱喻，藝術(shù)和哲學(xué)的意味十足。
Hys-inc
Hys-ins 的外觀看起來質(zhì)樸而干凈，視覺設(shè)計(jì)非常討喜，黑白對(duì)比使得前景元素非常清晰。平衡的設(shè)計(jì)使得網(wǎng)站看起來整齊而不單調(diào)，細(xì)節(jié)豐富，而且用戶可以很容易感知到網(wǎng)站所屬的專業(yè)領(lǐng)域。
Koto-bana
如果你正在尋一些先鋒的概念設(shè)計(jì)或者創(chuàng)意思維，那么這個(gè)網(wǎng)站就是你在找的東西。Koto-bana 是一個(gè)非常炫酷的圖庫網(wǎng)站，你能從中找到許多靈感。
Lexus
作為著名的高端車品牌，Lexus 的網(wǎng)站設(shè)計(jì)感絕對(duì)是不容質(zhì)疑的。工業(yè)設(shè)計(jì)感十足的Lexus 轎跑與壯麗的背景融于一體，雜志式的排版與精致的內(nèi)容緊緊抓住每一個(gè)訪客的雙眼。
Don-guri
打開 Don-guri 的網(wǎng)站，用幾分鐘時(shí)間的緩沖，幫你開啟全新的一天吧。這個(gè)音樂類項(xiàng)目能夠?qū)⒄芰砍錆M你的辦公室，幫你調(diào)整狀態(tài)，讓你精神充沛一整天。更重要的是，網(wǎng)站不僅音樂帶感，而且網(wǎng)站設(shè)計(jì)也清新明快，過目難忘。
Hanatsubaki
令人印象深刻的圖片選取使得網(wǎng)站個(gè)性十足，獨(dú)特的處理方式也賦予圖片別樣的美感。圖片居中放置，留白和中間的人物比例完美，前后景的色彩對(duì)比，這些都體現(xiàn)出網(wǎng)站設(shè)計(jì)師的功底。
Howlt
設(shè)計(jì)師巧妙地使用涂鴉和動(dòng)畫，使得這個(gè)作品展示站從同類網(wǎng)站中脫穎而出。網(wǎng)頁中動(dòng)畫的使用，使得網(wǎng)站的創(chuàng)意和藝術(shù)性提高了不少，令訪客流連忘返。
Fabrik
藝術(shù)家喜歡直觀的展示，用材質(zhì)、色彩和細(xì)節(jié)給用戶的眼睛來一次充分的洗禮。網(wǎng)站展示的產(chǎn)品色彩非常漂亮，在白色的底上展示，充足的留白讓產(chǎn)品自然而然成為視覺的焦點(diǎn)。
Kobaphoto
這也是一個(gè)個(gè)人作品展示站，排版和導(dǎo)航并不喧賓奪主，讓用戶能將注意力集中在攝影作品上，主次分明。
Don-guri Magazine
這是Don-guru 團(tuán)隊(duì)另外一個(gè)值得關(guān)注的項(xiàng)目。項(xiàng)目關(guān)注的是日本最具標(biāo)志性的元素——?jiǎng)勇?。網(wǎng)站本身也采用了別具一格的動(dòng)漫風(fēng)格，令人腦洞大開。
Letters
雖然網(wǎng)站采用的是單色設(shè)計(jì)，但是設(shè)計(jì)師用細(xì)線構(gòu)建出華麗的圖案，這種神似“了不起的蓋茨比”的華麗風(fēng)使得網(wǎng)頁呈現(xiàn)出不同尋常的精致之美。
Ondo
Ondo的首頁使用了一種非常少見的非傳統(tǒng)配色方案，結(jié)合華麗的動(dòng)畫和特殊的元素，為用戶營造出特殊的氛圍。
Midori Aoyama
這個(gè)網(wǎng)站是 Midori Aoyama 的個(gè)人作品站，經(jīng)過調(diào)整之后的站點(diǎn)充滿了科技感。你能在這里找到許多時(shí)下流行的設(shè)計(jì)元素：精致的排版、幽靈按鈕、生動(dòng)的背景和Low-Poly圖片。
Herbal Bises
Herbai Bises 這個(gè)網(wǎng)站我們?cè)扑]過，超現(xiàn)實(shí)主義的設(shè)計(jì)使得網(wǎng)站首頁擁有別樣的美感。細(xì)節(jié)設(shè)計(jì)上，網(wǎng)站有許多地方值得我們學(xué)習(xí)，單色最令人難忘的還是它的視覺設(shè)計(jì)和插畫，美翻了。
RedBull
本頁內(nèi)容為企業(yè)、個(gè)人自主上傳或來源網(wǎng)絡(luò)，所有資料僅供用戶參考；我單位不對(duì)其版權(quán)負(fù)責(zé)、不保證亦不表示本網(wǎng)的資料全面及準(zhǔn)確無誤，也不保證亦不表示這些資料為最新信息，如因任何原因，本網(wǎng)內(nèi)容或者用戶因倚賴本網(wǎng)內(nèi)容造成任何損失或損害，我單位將不會(huì)負(fù)任何法律責(zé)任。
