2014-10-08 分類: 網(wǎng)站建設(shè)
應(yīng)該向程序員學(xué)習(xí)設(shè)計
好的開發(fā)商,這是你的轉(zhuǎn)身。有人咆哮著,創(chuàng)新互聯(lián)多年來關(guān)于是否應(yīng)學(xué)習(xí)代碼。見鬼,我咆哮了。我仍然認(rèn)為…不不,這是關(guān)于你的開發(fā)者,現(xiàn)在。
人應(yīng)該是代碼的Web產(chǎn)品后端學(xué)習(xí)設(shè)計的前端?這是我的意見 :
[我]不得不解釋相同的排序,我給客戶。
除非他們真的想成為一個設(shè)計師/開發(fā)者,學(xué)習(xí)一個全新的領(lǐng)域--一個全新的行業(yè),甚至是不值得的痛苦。這是我之所以不做任何編程。另一個原因是我不擅長。與HTML和CSS不計數(shù)。
但他們至少應(yīng)該了解的基本知識。他們應(yīng)該學(xué)習(xí)基本原理的可用性和用戶體驗設(shè)計。他們應(yīng)該學(xué)習(xí)術(shù)語。有幾次,當(dāng)我掙扎著向開發(fā)商解釋我的設(shè)計決策,并不得不解釋相同的排序,我給客戶。有這樣的人在你的團(tuán)隊的人,這是令人沮喪的,但不是在同一頁上。
更重要的是,我已經(jīng)與開發(fā)商誰能程序如入無人之境,但迷失在HTML和CSS。我很緊張。這些人不能嵌套元素得當(dāng),不停地問我如何在CSS做的東西,和更多。他們不知道瀏覽器的限制和怪癖(這是回來時,IE仍然是一個大的問題),甚至是盒模型,新的領(lǐng)土。
這不是批評。每個人都有個開始,有時。但做事情變得容易很多,他們掌握了基本的知識?是的,是的。
程序員如何做出“不難看”的設(shè)計
我 覺得“不難看”是對一個產(chǎn)品最起碼的要求,難看的產(chǎn)品往往都很難用。程序員在寫代碼的時候往往只注重功能的實現(xiàn)和性能的提升,忽視了外觀和易用性,其實很 多時候只要注意一些基本的規(guī)則,就可以大幅度提高產(chǎn)品的觀感。作為一個外行,我也算是苦苦自學(xué)了好長時間的設(shè)計,這里打算分享一些我認(rèn)為比較實用的技巧, 希望可以幫助到同樣在摸索的人。
需要聲明的是,這里的目標(biāo)是做出“不難看”的設(shè)計,注意,只是“不難看”而已,怎么做得好看我也在學(xué)習(xí)。另外,我的水平也很低,只是比較能體會外行的痛苦,如果有什么錯誤的地方,歡迎批評指正。
下面我會從四個方面來入手:對齊,字體排印,配色和裝飾元素。
1. 對齊
之所以把“對齊”單獨列出來并且放在開頭說,是因為它是一個看上去簡單但非常容易被忽視的規(guī)則。如果你真的把所有該對齊的東西都對齊了,就會發(fā)現(xiàn)只是簡單遵循這一個規(guī)則就會有如此大的效果。
2. 字體排?。═ypography)
字 體排印,英文名詞叫做 Typography, 它包涵的東西很多,不只是字體的選擇,還包括行距、行寬以及字體間距等元素的設(shè)定,這些東西都左右著我們的閱讀體驗。我們每天都閱讀大量東西,每天都會接 觸到“文字”,由這一點就可以看出字體排印的重要性。關(guān)于字體排印的具體知識我就不多說了,有很多這方面的書和資料,這里只說幾點容易被忽視的元素。
第 三是字間距。有些時候因為需要,我們會把一些文字設(shè)置得非常大,有些文字設(shè)置得非常小,這個時候每個字之間的間距可能就會變得過大或者過小,這個時候就需 要調(diào)整一下,字體設(shè)計師們在設(shè)計一款字體的時候也會考慮這個因素。在 CSS 里面,有個屬性叫 letter-spacing ,可以調(diào)整字間距。
3. 配色
配色一直以來都是個讓我頭疼的問題,它看上去很難掌握,事實上也非常難以掌握。有一陣子我甚至懷疑我自己在色彩方面有生理缺陷,不然我他媽那么用功好歹應(yīng)該有點兒效果啊。后來做了一些色彩識別能力測試,才慢慢打消了破罐子破摔的念頭。
關(guān) 于色彩基礎(chǔ)知識的書和資料我看了不少,三原色、互補(bǔ)色、色環(huán)和光譜等知識知道了很多,但這些東西對我的幫助微乎其微。并不是這些知識沒用,而是它們都需要 輔助以大量的練習(xí),可能還需要一個好的老師親手指導(dǎo),而我現(xiàn)在已經(jīng)沒時間和精力再從基礎(chǔ)開始慢慢學(xué)畫畫了。不過,大量的閱讀和無用嘗試還是幫助我找到了一 些比較實用并有跡可循的東西,下面就說一些竅門。
4. 裝飾元素
裝 飾元素都是錦上添花的東西,上面提到的幾點如果做不好的話,裝飾元素再好看也沒用。最常用的裝飾元素是紋理和陰影。有時候我們想要給整個網(wǎng)頁一個背景。
新聞名稱:應(yīng)該向程序員學(xué)習(xí)設(shè)計
文章URL:http://www.rwnh.cn/news/20388.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、Google、電子商務(wù)、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容