頂尖的ui設(shè)計(jì)師都會什么?

頂尖的UI設(shè)計(jì)師是涉及的面廣、學(xué)的更加深入，UI設(shè)計(jì)的三大具體分類——圖形設(shè)計(jì)、交互設(shè)計(jì)和用戶測試/研究的工作職能——分別對應(yīng)的是美術(shù)設(shè)計(jì)的專業(yè)知識，軟件工程師背景和相應(yīng)的編程能力，以及社會學(xué)心理學(xué)等人文學(xué)科儲備。當(dāng)然，實(shí)際工作中，這幾種職能也不是截然分開的。而今，這一涵蓋諸多領(lǐng)域的職位，也越來越要求從業(yè)人員同時具備跨學(xué)科、綜合性的理論素養(yǎng)和實(shí)際操作能力。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)阜新免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了成百上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

在工作能力和實(shí)踐經(jīng)驗(yàn)上，一是要求從業(yè)人員精通Photoshop、Illustrator、Flash等圖形軟件，Html、Dreamweaver等網(wǎng)頁制作工具，能夠獨(dú)立完成靜態(tài)網(wǎng)頁設(shè)計(jì)工作；熟練操作常用辦公軟件，且具備其他軟件應(yīng)用能力；熟悉Html，CSS，Javascript，Ajax。二是要求對通用類軟件或互聯(lián)網(wǎng)應(yīng)用產(chǎn)品的人機(jī)交互有自己的理解和認(rèn)識。三是具備良好的審美能力、深厚的美術(shù)功底，有較強(qiáng)的平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)能力。四是具有敏銳的用戶體驗(yàn)觀察力，富有創(chuàng)新精神。

自己學(xué)編程3個月了，感覺越來越瓶頸，不照葫蘆畫瓢寫不出來

JS本就是個先天殘廢的語言，能把DOM操作好就行了。。。真要搞大一點(diǎn)的項(xiàng)目，你有更好的語言可以學(xué)。。。

由于JS的諸多劣根性，不面向?qū)ο?，弱類型，動態(tài)語言。。。其實(shí)靠學(xué)習(xí)JS，很難養(yǎng)成邏輯思維。。我相信錄制視頻的那個老師，在只學(xué)過JS，而沒學(xué)過其他語言的時期，也是寫不出2048的。。。

其實(shí)編程語言的特性和設(shè)計(jì)模式有很多，而JS的語言劣根性，導(dǎo)致其只具備了其中最基礎(chǔ)的部分。。。稍微高級一些的東西。。在JS里其實(shí)是沒有的。。所以JS即便學(xué)得再精。。。其實(shí)編程思想依然只是小學(xué)生水平。。。

比如繼承，多態(tài)，委托，工廠模式，觀察者模式，單例模式，二叉樹，行為樹，狀態(tài)機(jī)，等等。。。如果只是通過學(xué)習(xí)JS，而不接觸一門強(qiáng)類型，面向?qū)ο笳Z言的話，這些特性，永遠(yuǎn)都無法涉足。。。所謂編程思想，也就止步于小學(xué)生水平了。。

這里推薦C#。。。為什么？因?yàn)樗俏磥鞪S改進(jìn)方向的參照原形。。。2.0版的JAVASCRIPT，基本就可以看作是C#的山寨版。。。ECMA的JS改進(jìn)計(jì)劃，就是讓JS越來越像C#。。當(dāng)你學(xué)到這一步，會接觸到一個叫unity 3d的東西，到時候你自然就能做出2048了。。。甚至你可以做出一個CS之類的3D游戲來。。。

不過這是以后的事情了。。。學(xué)習(xí)是一個循序漸進(jìn)的過程，沒有誰是一步登天的。。在學(xué)習(xí)JS的階段，能把DOM操作好就足夠了。。。這才是JS的本分。。。不需要指望JS再去干那些“與自己無關(guān)的事情”。。。那些都是一群學(xué)了JAVA,C#或者C++的老東西們，跑回JS的新手圈炫技裝逼的產(chǎn)物而已。。。。。。。

好像什么都失去了興趣一樣。 推薦一本書給我看。

書名《藏紅藏青》

內(nèi)容簡介

漢族女孩扎西梅朵機(jī)緣湊巧被西藏貴族收養(yǎng)，成為藏二品莊園的唯一繼承人，命運(yùn)由此改變:深沉的母愛、顯赫的家世、外國鋼琴教師、光明的藝術(shù)前途……

然而，一場家庭變故卻結(jié)束了她的幸福，接踵而來的是財(cái)產(chǎn)的爭奪、卑鄙的陰謀、愛情的陷阱。在猝不及防的打擊之下，扎西梅朵的命運(yùn)再次發(fā)生轉(zhuǎn)折，無處可去的她成為一名賣藝的"熱芭"。

在艱苦卻快樂的流浪生活中扎西梅朵逐漸認(rèn)識了生活的真面目和藝術(shù)的本質(zhì)，但命運(yùn)之神又一次無情地?fù)芘怂．?dāng)整個西藏的新生即將來臨之際，一次不期而遇使熱情單純的扎西梅朵又卷入了政治和愛情的雙重陰謀之中，重重危機(jī)和矛盾終于爆發(fā)了……

經(jīng)受了死亡的痛苦洗禮，扎西梅朵的命運(yùn)將落向何處?封面

折疊

全球首個云端8位計(jì)算機(jī)，樹莓派創(chuàng)始人玩得很開心

大數(shù)據(jù)文摘出品

作者：Olivia、曹培信

用280個字符編寫一個程序，你能寫出什么？

也許你會說，我用Python調(diào)個包，啥功能都能給你實(shí)現(xiàn)了。

那可不行，你還得 用BBC BASIC語言編寫，在BBC Micro Model B上運(yùn)行 ，是不是聽著很陌生？

BASIC，一個有著56年 歷史 的直譯式編程語言，是許多程序員大佬的入門語言，BBC BASIC是由Acorn Computers為BBC編寫的版本，相比原來的BASIC加入了許多額外的結(jié)構(gòu)體關(guān)鍵字；BBC Micro Model B則是20世紀(jì)80年代的8位計(jì)算機(jī)，是當(dāng)時風(fēng)靡一時的微型電腦開發(fā)板，也是許多程序員大佬的入門神器。

我們先來看看大神用這兩個古董加上280字符的程序能實(shí)現(xiàn)什么？

一個充滿 歷史 厚重感的 Windows 95 logo ，沒錯，這就是用280個字符寫出來的BASIC程序的輸出結(jié)果！當(dāng)然，如果你也想親手試一下，倒不用去淘一臺BBC Micro Model B古董機(jī)，現(xiàn)在 只要發(fā)條Twitter就可以一試！

首個云端的“8位機(jī)”，被各路大佬玩壞

Arduino業(yè)務(wù)開發(fā)副總裁Dominic Pajak創(chuàng)建了一個名為 “@bbcmicrobot” 的推特賬戶，又叫做 BBC Micro Robot 。

你只要用編寫一段BBC BASIC程序，然后發(fā)推特@bbcmicrobot，機(jī)器人就會接收推文并通過BBC Micro Model B的仿真器運(yùn)行Basic程序來處理推文，再將結(jié)果推回仿真器輸出三秒鐘的動圖。

據(jù)統(tǒng)計(jì)，這個機(jī)器人在最初的幾周內(nèi)獲得了超過 1000萬次 的瀏覽，并且每周要處理超過 1000個Basic程序 。

許多大佬也愛上了這個機(jī)器人，包括喜劇演員達(dá)拉 · 布萊恩（Dara ó Briain），科普作家本 · 戈達(dá)克（Ben Goldacre），當(dāng)然，最著名的要數(shù)樹莓派創(chuàng)始人 埃本 · 厄普頓 （Eben Upton）。

厄普頓編寫的是一個 Game of Life （生命的 游戲 ）程序，我們先來看看輸出結(jié)果。

你可能會很疑惑，這是個啥？其實(shí)，這是一個經(jīng)典的 細(xì)胞自動機(jī) ，也可以說是一個零玩家 游戲 ，它的演變是由它的初始狀態(tài)決定的，不需要進(jìn)行后續(xù)的輸入，是最一種模擬包括自組織結(jié)構(gòu)在內(nèi)的復(fù)雜現(xiàn)象的一個強(qiáng)有力的方法。

大佬的炫技，我們看不懂。

也有人做了一些大佬做的是一看就知道很厲害的東西，比如這個三維的滾動的小球，作者是 游戲 巨頭Activision的技術(shù)總監(jiān) Paul Malin ，他使用了一種特殊的編碼將361個ASCII代碼字符壓縮成了280個Unicode字符推文。

據(jù)Pajak介紹，這款BBC Micro Robot原本部署在樹莓派4上，但此后轉(zhuǎn)移到了亞馬遜云服務(wù)器上，大概是是 世界上唯一一個云端的8位計(jì)算機(jī) 了。

BBC Micro Robot是用Javascript編寫的，運(yùn)行環(huán)境是Node.js，具體來說，當(dāng)機(jī)器人發(fā)現(xiàn)一條是Basic程序的推文時，它會進(jìn)行過濾，再將文本輸入模擬的BBC Micro緩沖區(qū)中，在30秒后使用ffmpeg創(chuàng)建一個3秒的視頻。

發(fā)個Twitter緬懷40年前的極簡編程歲月

之所以這個BBC Micro Robot會得到像樹莓派創(chuàng)始人厄普頓這樣的大佬的回應(yīng)，這背后的原因主要還是情懷。

1988年，當(dāng)埃本 · 厄普頓還是一個10歲的小孩時，他買了他人生中的第一臺電腦—— 一臺二手的BBC Micro ，沒錯，就是BBC Micro Robot模擬的那個8位計(jì)算機(jī)！

電腦一到手，厄普頓就開始用BBC BASIC語言開始編寫程序，很快便得心應(yīng)手。

所以，當(dāng)厄普頓發(fā)現(xiàn)了這個發(fā)個Twitter就能用BBC BASIC編寫一個小程序的時候，他一定想起了30多年前的少年時代。

埃本 · 厄普頓和他的樹莓派

其實(shí)作者的經(jīng)歷也是如此，Dominic Pajak也是成長于20世紀(jì)80年代的英國，在學(xué)校里學(xué)會了BBC Micro編程。

Pajak說：“BBC Basic主要由Sophie Wilson（就是后來設(shè)計(jì)ARM架構(gòu)的那個大神）開發(fā)，而這是 迄今為止最好的Basic實(shí)現(xiàn)語言 ，其中一些非常好的特征允許我們 將代碼最小化 ?！?/p>

受制于當(dāng)時的技術(shù)，老一代的程序員大佬們對于用有限的代碼實(shí)現(xiàn)更多的功能可謂是樂此不疲，也可以說是那一代人的情懷。

正如Ableton創(chuàng)始人羅伯特?亨克（Robert Henke）所說，“ 當(dāng)技術(shù)在表達(dá)方面受到限制時，極簡主義是必要的。 ”

如果你也想試一試

如果你也想試一試，緬懷一下30多年前的編程歲月，很簡單，只要發(fā)一個推特@bbcmicrobot就可以了。

當(dāng)然，你的推文內(nèi)容必須是BBC BASIC語言，BASIC（Beginner's All-purpose Symbolic Instruction Code），意思就是“ 初學(xué)者的全方位符式指令代碼 ”，是一種設(shè)計(jì)給初學(xué)者使用的程序設(shè)計(jì)語言。BASIC是一種直譯式的編程語言，在完成編寫后不須經(jīng)由編譯及連結(jié)等手續(xù)即可運(yùn)行，但如果需要單獨(dú)運(yùn)行時仍然需要將其創(chuàng)建成可執(zhí)行文件。

如果你還不熟悉BBC BASIC語言，沒關(guān)系，作者也提供了很好的學(xué)習(xí)教程。

網(wǎng)站鏈接：

入門教程肯定是從“Hello World”開始了。

如果想要進(jìn)一步 探索 BBC BASIC，也可以看一些專門的博客，比如Paul Malin的 “Fun with BBC Micro Bot” 。

博客地址：

“發(fā)推”編程，樂趣無窮，文摘菌推薦大家自己動手一試。

做UI設(shè)計(jì)師需要具備哪些技能？

對于一個能上崗的UI設(shè)計(jì)師一般要會以下能力。

1軟件能力

一個優(yōu)秀的ui設(shè)計(jì)師除了需要掌握Photoshop、Illustrator、DW、C4D等設(shè)計(jì)工具外，還需要掌握Dreamweaver、HTML、DIV+CSS等網(wǎng)站技術(shù)工具，同時還需要具備交互設(shè)計(jì)的思想。

PS、AI的作用主要是繪制圖標(biāo)及界面，AE主要負(fù)責(zé)動效的制作，ARP這些主要是交互設(shè)計(jì)師的工作，但是小公司沒有交互設(shè)計(jì)師的職位，大公司要和交互設(shè)計(jì)師經(jīng)常配合，所以我們也要具備原型圖的設(shè)計(jì)能力。

DW主要是負(fù)責(zé)網(wǎng)頁制作設(shè)計(jì)，C4D主要負(fù)責(zé)動畫設(shè)計(jì)，XD專業(yè)的圖形化界面設(shè)計(jì)工具，集原型，設(shè)計(jì)和交互等作用。

2理論能力

UI設(shè)計(jì)理論需要掌握：圖標(biāo)界面繪制、手繪、設(shè)計(jì)規(guī)范、網(wǎng)頁設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、交互軟件使用、色彩搭配、平面布局等等;如果有營銷思維、策劃能力、文案能力，恭喜你，你已經(jīng)是一個優(yōu)秀的UI設(shè)計(jì)師了。

3溝通能力

一個優(yōu)秀的設(shè)計(jì)師，應(yīng)該具有設(shè)計(jì)提案能力。通過圖形+文字的形式告訴你的需求方，你為什么這么設(shè)計(jì)，你考慮了什么，為什么使用這樣的顏色。有理有據(jù)的設(shè)計(jì)說明比無休止的改改改更具有說服力。

4界面設(shè)計(jì)能力

有人說界面設(shè)計(jì)看起來很容易，不就是把一些元素堆積在界面上嗎？調(diào)調(diào)文字大小，排排版嗎？確實(shí)很多人就是這么做的。所以很多作品集里App界面看起來大同小異。

其實(shí)好的作品不僅要有自己獨(dú)特的設(shè)計(jì)語言。還要優(yōu)先保證對業(yè)務(wù)和客戶體驗(yàn)影響最大的功能的呈現(xiàn)。比如我們畫一個圖標(biāo)，要去思考這個圖標(biāo)，用戶的手能不能點(diǎn)中，會不會太小了，一定要合理。

再比如一個手機(jī)APP有20個功能，其中有5個是最實(shí)用常用的功能，那么我們的界面排版的時候，一定要讓這5個圖標(biāo)排在用戶最容易點(diǎn)中，最容易找到的地方。

而不是放到找半天才能找到的位置，而這些就叫做用戶體驗(yàn)，UI設(shè)計(jì)中的所有元素都是要經(jīng)常思考才能進(jìn)行設(shè)計(jì)的。

5綜合能力

UI設(shè)計(jì)需要具備綜合性的設(shè)計(jì)能力：包括布爾運(yùn)算、圖標(biāo)設(shè)計(jì)、界面設(shè)計(jì)、主題設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)、動效設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、圖形設(shè)計(jì)、banner設(shè)計(jì)、APP設(shè)計(jì)、UE設(shè)計(jì)、小程序設(shè)計(jì)、H5頁面設(shè)計(jì)等。

UI設(shè)計(jì)能力是從事UI設(shè)計(jì)工作的必備技能，如果以上設(shè)計(jì)能力你不具備和熟練，基本上找不到一份你想要的UI設(shè)計(jì)工作，所以綜合性的設(shè)計(jì)能力一定要會。

以上就是一個UI設(shè)計(jì)師在工作中所需要具備的綜合能力，只有掌握了以上的全部技能以后，你才能成為一名合格的職業(yè)UI設(shè)計(jì)師。

當(dāng)然，如果你現(xiàn)在還不具備以上的這些綜合能力也沒有關(guān)系，可以參加達(dá)內(nèi)的UI課程學(xué)習(xí)，4-5個月以后，即可從一位零基礎(chǔ)小白快速成為一名合格的專業(yè)UI設(shè)計(jì)師。

Web前端開發(fā)有哪些良好的編程習(xí)慣？

個人建議， 多看別人的代碼，多給別人看自己的代碼。多思考怎么簡化邏輯，怎么容易維護(hù)。相關(guān)的文章和書籍還是挺多的。把js學(xué)透，在頁面重構(gòu)方面學(xué)好css，盒模型?把bfc都學(xué)懂。編程技術(shù)方面就是不斷的模仿和吸收，沒事多折騰，但不是瞎折騰。

web前端開發(fā)工程師，做的工作與網(wǎng)站前后臺系統(tǒng)的頁面相關(guān)，使用到的主要技術(shù)包括：HTML、CSS、JavaScript，如果能會后臺編程語言，當(dāng)然會更好。不要寫難以理解的代碼。不要在代碼中炫技，不要為了設(shè)計(jì)而設(shè)計(jì)，能簡單就絕不復(fù)雜。

用代碼格式化工具。像寫詩一樣寫代碼，適當(dāng)換行，適當(dāng)退格，把編程模塊化。現(xiàn)代web前端開發(fā)已經(jīng)不能像傳統(tǒng)web開發(fā)已經(jīng)簡單的描述成切圖、css、js了。在新的HTML5規(guī)范中，加入很多新的特性，這樣就對web前端工程師有了更高的要求，比如數(shù)據(jù)庫操作，使用cancvs、css3繪圖。

布局的話去看css那些事兒，js的話去妙味課堂花100弄個會員可以看里面的視頻資源很多，一年堅(jiān)持下來就到中級了，之后再考慮向重構(gòu)還是專寫js上發(fā)展，不管怎么樣多寫一下總結(jié)，多問幾個為什么，多練習(xí)。

以上就是一些良好的習(xí)慣，希望參考。