Web Design 給實驗室UI們的一堂課(上)

2022-01-20 03:26:16 字數 2042 閱讀 3942

實驗室的ui越來越水,設計什麼的做的一塌糊塗,所以拖了很久,就想給他們講一下設計或者說入門吧,上周末才倒出來時間。

這裡放上ppt和講稿吧,懶得去整理板式了。

主要講了一下web design怎麼做,大概有什麼,然後怎麼去做吧,沒有什麼技術性的東西,屬於入門吧。

【講稿】:

好,我們開始今天的設計講座,我更傾向於叫做設計沙龍,因為講座的話是我在講大家在聽,而設計這個東西,每個人都有自己的想法,都有自己獨一無二的idea,我希望能夠和大家分享我做web這兩年來積攢下的經驗或者是點滴吧。

好久沒有給實驗室做沙龍了,其實我還是挺喜歡跟實驗室的學弟學妹或者說是學長學姐一起開沙龍或者是討論東西的,這次準備不太周到,講的不好的地方,大家多多包涵吧。

【講稿】中午席銘學長髮了個慘無人道的人人,然後我就光榮躺槍被黑了。跟ui組的同學們可能還不太熟,這裡簡單列了一下我的情況吧。姓李名森,12級,在大一的時候在實驗室的windows phone組做應用開發,在學c#之後接觸到做**,然後我覺得這乙個方向更吸引我,所以現在在轉行做web frontend engineer,就是大家平時說的前端,前端不是個好活,被後端鄙視,被ui欺負,各位有打算轉前端的可以聯絡我,專業坑學弟學妹。雖然說我是乙個前端coder,但是我現在也非常喜歡去做web的設計,包括介面和互動設計、也包括**功能設計。我主要玩的是css、js這兩個傳統的前端工具,然後有時候也會寫點php來實現一些好玩的功能。自己沒事也做一些喜歡的**,比如我和幾個朋友一起做起來的darling網,我們有好的功能設計、好的前端,現在就缺個ui了。

【講稿】今天主要給ui們做一次web設計入門吧,之前給pm組、web組都講過類似的東西,但是針對的方向不同,可能在給pm做沙龍的時候,更傾向於去讓他們學會設計web產品、包括設計原則等等,而給web組講的話主要是技術性的,比如如何實現滾動重新整理、如何通過css來改善你的**。而今天呢,主要想講的是,關於介面設計和互動設計,因為這些才是乙個好的web designer,乙個好的 ui應該去做的。在座各位應該都用了幾年的電腦,讀了一年軟體之後對**這個東西應該是非常熟悉,但是【念ppt】。

【講稿】第乙個版塊兒,什麼是web design?web 設計是什麼?自從我做web之後呢,很多人都說「呦,你是做網頁的吧,你是寫網頁的吧,這個我也會不就是嗎」,我只能笑著說「是是是」。然後我認識很多做ui的,不對,不應該叫做ui的,應該叫「用ps的」,他們常說「web設計啊,我會啊,不就是拿ps畫個頁面嗎?」埋汰我可以,埋汰web design絕對不行,【點】扇死丫!

【講稿】粗略的來講,拋去主要負責資料處理、模型處理的後端版塊兒,乙個web的前端設計可以分為這些板塊:【念ppt】。

【講稿】按照乙個常用**的模式,我們排除掉那些full-screen、single-page,現在乙個常見的**,會有header首部欄,我們可以把一本書當做乙個**,那首部欄就是這本書的書皮,它往往是豐富多彩帶、高階大氣帶特效的,它最直接的反應了**的主要內容、這是乙個什麼**、這是乙個關於什麼的**、**的主題是什麼,一般是、大色塊、flash動畫,高度的話一般在100px左右,你不可能整個頁面一半都是你這header圖吧,你要這麼幹了,就是標題黨了。有的時候首部欄也可以被當做廣告欄,還是置頂的,所以這塊兒的廣告一般都比較貴= = 

華為實驗室

談到華為,大家都不陌生 世界500強 全球第二通訊 商,為全球140多個國家和地區的20多億人提供服務 同時也是全球ict領域的領導者。如此成就和至高無上的榮譽地位,其成功更是與實驗室無數個日夜的技術鑽研有著分不開的關係。關注過華為的朋友想必聽說過 2012實驗室 據稱,該實驗室的名字來自於任正非在...

8 10於實驗室

前幾天忙於保研的事情,沒再繼續做我的專案,結果保研恐怕要黃了,這幾天潛心考研,結果又收到了中行的實習通知,一時兩難。有時候自己寫東西太不自然,感覺寫技術文章很大一部分是為了給別人看,反而不是為了提公升自己,感覺這個心態不好,太虛榮了,現在想寫點自己的東西,輕鬆的,暢所欲言的,沒有文法和壓力的東西,記...

迷你Linux實驗室

p 當今,個人電子裝置進入了小型化時代,什麼東西都喜歡拿在手中玩,而且必是 3g 聯網裝置。那麼,可以做得多麼小呢?按照蘋果賈伯斯的理念,體積 小也是一種美,將來,微控制器 soc,或叫單片系統 必然是乙個發展方向。由此可見,arm處理器大有發展前景。那麼,哪種作業系統算小呢?大家知道,僅僅乙個 l...