在開發(fā)項(xiàng)目組里面，前端一般都是作為一個(gè)統(tǒng)稱而存在，很多剛畢業(yè)的童鞋就問我想從事前端方面問我怎么看，我會(huì)反問你對前端了解多少，很多人都認(rèn)為前端基本上都是搞設(shè)計(jì)從事視覺方面。

前端從整個(gè)項(xiàng)目劃分來看，可以分為UE、頁面、邏輯，以下逐分析。

一、UE

如果只需要知道一種編程語言就可以構(gòu)建一個(gè)全棧的應(yīng)用程序，是不是特別了不起？Ryan Dahl為了把這個(gè)想法成為現(xiàn)實(shí)，創(chuàng)造了node.js。Node.js是建立在Chrome強(qiáng)勁的V8 JavaScript引擎上的服務(wù)器端框架。雖然最初是用C++編寫的，但是應(yīng)用程序通過JavaScript運(yùn)行。

這樣一來，問題就解決了。一種語言就可以統(tǒng)治一切。而且，在整個(gè)應(yīng)用程序中你只需要使用這一種語言。所以，我們需要深刻了解node.js。這就是本文的主題。

下面這四個(gè)基本概念是你想要掌握node.js所必需的。我會(huì)盡可能長話短說向大家介紹它們。

眾所周知，jquery是以jquery為基礎(chǔ)的開源，JavaScript網(wǎng)頁用戶界面代碼庫。它包含了底層用戶交互、動(dòng)畫、和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很好交互性的web應(yīng)用程序。這些只是大概對jquery UI的一個(gè)認(rèn)識(shí)，那么，除了這些，jquery UI還有哪些特性和優(yōu)點(diǎn)呢？今天我們就來分享下jquery UI的一些特性和優(yōu)點(diǎn)。

（1）jquery UI簡單易用。僅僅這一點(diǎn)可能就很招設(shè)計(jì)師和客戶的喜愛了，因?yàn)楹唵危刹僮餍砸簿驮綇?qiáng)，這在一定程度上也大大改善了用戶體驗(yàn)。

移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來讓眾多的手機(jī)APP不斷地涌現(xiàn)出來，應(yīng)運(yùn)而生的APP軟件界面設(shè)計(jì)需求也越來越多。APP的UI設(shè)計(jì)直接關(guān)系到APP開發(fā)以后的運(yùn)營推廣，移動(dòng)端扁平化設(shè)計(jì)的發(fā)展，使得色塊、圖標(biāo)以及系統(tǒng)字體的組合變得越發(fā)枯燥，UI設(shè)計(jì)師開始著重于細(xì)節(jié)的處理來提升整個(gè)品牌的UI視覺體驗(yàn)，那么手機(jī)APP開發(fā)的UI設(shè)計(jì)需要注意哪些細(xì)節(jié)，才能吸引用戶的眼球呢？

我們在進(jìn)行用戶體驗(yàn)設(shè)計(jì)時(shí)，常常想的是如何讓這個(gè)產(chǎn)品的功能變的更易于用戶使用。但實(shí)際上，功能只是一個(gè)產(chǎn)品中很小的一部分。它們只是產(chǎn)品想解決的眾多用戶問題中的眾多解決方案之一。在產(chǎn)品中思考意味著不僅在某個(gè)用戶的問題中思考，還要在產(chǎn)品目標(biāo)，收益中思考。

用戶體驗(yàn)的核心并不是一個(gè)產(chǎn)品功能的集合體，而是：用戶雇傭這個(gè)產(chǎn)品為他解決問題。例如，uber的用戶體驗(yàn)是讓用戶在任何時(shí)候能簡單的打到的士。當(dāng)?shù)氖靠斓竭_(dá)用戶所在地時(shí)，會(huì)出現(xiàn)倒數(shù)，這是一個(gè)很好的提高用戶體驗(yàn)的功能。這個(gè)功能不能離開產(chǎn)品存活，因此功能對于產(chǎn)品有一個(gè)單方面的關(guān)系：就是功能不能離開產(chǎn)品存活。所以這也是為什么設(shè)計(jì)師最好先從產(chǎn)品層面開始思考。

Q：您覺得2025年，也就是未來10年后的「家」，應(yīng)該是什么樣的？

A：我感覺現(xiàn)代人物欲太重，在一種「物欲橫流」的狀態(tài)下生活。即便家中已經(jīng)溢滿了各種各樣的東西，大家也總覺得有很多東西想要、想買。而這樣的話，自己生活的空間就變的很小，但事實(shí)是家里的東西很多并不意味著會(huì)感到幸福。

在我的構(gòu)想中，到了2025年的時(shí)候，「家」應(yīng)該會(huì)是一個(gè)非常簡單、清新的狀態(tài)。試想下這個(gè)畫面：桌子上吃完的各種碗碟杯子、各種遙控器，是一種多么累贅和讓人感到不舒服的場景，絕對不會(huì)是一種富有的狀態(tài)。而如果一張空無一物的簡單桌子上什么都沒有——空白，正因?yàn)榭帐幨幍模袩o限填充的可能，才是一種富有和自由的狀態(tài)。

先有雞還是先有蛋？先有內(nèi)容還是先有網(wǎng)站？這種問題的爭吵從來都沒有停過。如果你不想讓你的網(wǎng)站華麗而空洞，那么你需要針對自家網(wǎng)站制定一個(gè)富有凝聚力的內(nèi)容策略。

設(shè)計(jì)師想要在設(shè)計(jì)的時(shí)候有現(xiàn)成的內(nèi)容，而文案也想在構(gòu)思內(nèi)容之前先看看視覺設(shè)計(jì)，那么到底哪個(gè)先，哪個(gè)后呢？真正的內(nèi)容策略應(yīng)該是涉及到整個(gè)團(tuán)隊(duì)的。

內(nèi)容策略并不是一句口號(hào)

在現(xiàn)實(shí)生活中，產(chǎn)品經(jīng)理們往往會(huì)遇到以下這些問題。你做的產(chǎn)品明明非常出色，很容易操作，但是你的產(chǎn)品卻沒有從競爭中脫穎而出。你的產(chǎn)品有著很高的跳出率（bounce
rate），很少有用戶愿意在你的App上停留，他們更多的是點(diǎn)進(jìn)來，看一眼，然后退出。用戶就是如此，他們甚至?xí)谶B你這個(gè)App是干什么的都不知道的情況下否定你。

如何定義牛逼工程師

有軟件工程方面的研究說，對于開發(fā)者個(gè)體而言，最優(yōu)秀的開發(fā)者的生產(chǎn)效率約為平均值的2倍，而優(yōu)秀的開發(fā)者會(huì)吸引其它優(yōu)秀的人，或者激勵(lì)與幫助團(tuán)隊(duì)中的其它成員，最終使團(tuán)隊(duì)之間的生產(chǎn)效率差異達(dá)到10倍之多。

所謂牛逼的工程師，就是那些個(gè)體效率是其它人2倍，形成團(tuán)隊(duì)之后達(dá)到10倍差異的一群人。

前端領(lǐng)域這幾年發(fā)展速度非常快，人才分布呈兩級分化趨勢，大家都在說缺前端，其實(shí)缺的是牛逼前端，對于低端的前端，培訓(xùn)機(jī)構(gòu)一直在量產(chǎn)，但是無法滿足要求。很多情況下，一個(gè)牛逼前端對于團(tuán)隊(duì)的價(jià)值是再多低端前端都無法提供的。

牛逼的前端工程師有一些共通的特質(zhì)，這些特質(zhì)也許不屬于前端的核心范疇，但是可以通過它們將牛逼的人識(shí)別出來。

對用戶體驗(yàn)的追求

文字排版不只是從下拉選單選擇字型和點(diǎn)數(shù)而已，文字排版是一項(xiàng)流傳數(shù)世紀(jì)的技藝，自木制和金屬的活版印刷便開始，而且它不只歷史悠久，還很實(shí)用，大部分的人只要掌握一些實(shí)用的訣竅，就可以將之活用在諸如履歷表、電子報(bào)或名片等日常設(shè)計(jì)項(xiàng)目上。下邊就教你幾個(gè)排版技巧，幫你輕松搞定UI設(shè)計(jì)。

（1）將要表達(dá)的訊息配上適當(dāng)?shù)母杏X。每種字型都散發(fā)獨(dú)特的情感或個(gè)性，也許是友善、新潮、嚴(yán)肅或傻里傻氣，但大部分的字型并不是萬用的，所以你要判斷一個(gè)字型對你來說是怎么樣的感覺，還有它適不適合放在這個(gè)設(shè)計(jì)里面。方法之一就是列出你希望設(shè)計(jì)呈現(xiàn)哪些特質(zhì)，如果能先確定內(nèi)容更好，這樣就能直接挑選字型來配合建立好的內(nèi)文調(diào)性。