程式設計師應該知道的13個設計技巧

2021-06-27 21:09:18 字數 2322 閱讀 5571

本文**

方糖氣球的部落格

我是乙個程式設計師,不是設計師。我沒有受過設計師的訓練。我也沒有讀過關於設計的書籍。儘管如此,在數年的開發過程中,我學會了讓自己的**和應用看起來很專業。

下邊是我認為乙個技術背景的人要變得擅長設計需要留意的東西:

開發你的美感

… 我最喜歡的站點是:

1. awwwards.com

– 多看每日和每月上榜站點

2. unmatchedstyle.com

3. dribbble.com

4. patterntap.com

多花些時間

我在開發應用和**時,會在設計上花掉和編碼同樣的時間。好的設計需要時間來完善。

在開始專案時,我一般對於整體布局有基本的想法。當我有想法的時候,我同時進行設計和程式設計。我會在開發細節功能的同時在瀏覽器裡邊設計那些細節。這可能不是最有效率的,但這樣可以讓我在工作時對專案進行上千次的小迭代。

創造的秘密就是知道如何藏好資訊** – 愛因斯坦

好的藝術家抄,偉大的藝術家偷。- pablo picasso

這不是什麼新建議,但是可能是這些技巧中最重要的。當你剛開始的時候,你沒有技能創造出有吸引力的設計。這就意味著你需要模仿知名的設計師,或者讓你深受他們作品的影響。

忘了photoshop

精通css

直接在瀏覽器中設計需要精通css。… 下邊是一些資源:

1. mdn

- mozilla開發者中心,我用它幹很多事,不只是css

2. less

3. sass

前端框架是你的好朋友

1. foundation

- 我最喜歡的前端框架

2. bootstrap

- 最流行的

3. pure

- 從未用過,但是看起來很酷

4. polymer

– google material design全平台實現的一部分,很酷的互動細節 ( 這行是easy加的,gfwed)

圖示意外的重要

我用了很長時間才認識到圖示對於乙個好的設計來說有多麼重要,這並不那麼顯而易見。圖示改善了導航,新增了色彩,傳情達意。圖示不一定能讓設計nb,但一堆爛圖示一定會讓你的設計sb。

根據專案的不同我使用icon fonts或者svg icons。icon fonts非常好用,尤其是你在瀏覽器裡邊設計的時候。icon fonts讓你很容易給乙個元素新增圖示,你只需要加個class就好了。

icon fonts**好的另乙個原因是你可以像改變字型大小一樣改變這些圖示的大小。換顏色也一樣。

下邊是我喜歡的一些icon資源

1.  themify icons

2. icomoon

3. freepik

4.  glyphicons

迭代,非常重要

嘗試和失敗是非常有價值的工具。很多嘗試看起來不爽,和你的設計不搭。但是沒有關係,每次失敗時回滾到上一步再繼續。在我確定duet的設計之前我迭代過上千次。

關注可用性和易用性

顯然這個流程是不完美的,你代表不了其他的每乙個使用者使用它的方式,但我的經驗是絕大部分問題通過這個方式可以找出來.

排版比你想象的重要

easy:由於此段內容都是英文排版相關,直接跳過。補充兩個中文排版開源專案:

1.  typo.css

2.  yue.css

選擇正確的和相簿

以下是幾個高質量的免費相簿

1.  im creator

2.  pic jumbo

3.  gratisography

4.  super famous

5.  unsplash

重視反饋

無法否認我在這個方面做得很差,但我認識到了反饋的重要性。我做的大部分東西在發布之前沒有得到反饋。為了在測試階段獲得反饋,我開始關注這些資源:

1. criticue

2. reddit design critiques

最後一招

如果你不知道如何去做——簡單總是好的。大量留白、更輕微的陰影之類。變得擅長設計是乙個漫長的過程,會花掉你很多時間。也許不是你喜歡的方式,但一旦你掌握了它,你會有明顯的提公升。

出自:

程式設計師應該知道的 13 個設計技巧

我最喜歡的站點是 我在開發應用和 時,會在設計上花掉和編碼同樣的時間。好的設計需要時間來完善。在開始專案時,我一般對於整體布局有基本的想法。當我有想法的時候,我同時進行設計和程式設計。我會在開發細節功能的同時在瀏覽器裡邊設計那些細節。這可能不是最有效率的,但這樣可以讓我在工作時對專案進行上千次的小迭...

程式設計師應該知道的 13 個設計技巧

開發你的美感 我最喜歡的站點是 多花些時間 我在開發應用和 時,會在設計上花掉和編碼同樣的時間。好的設計需要時間來完善。在開始專案時,我一般對於整體布局有基本的想法。當我有想法的時候,我同時進行設計和程式設計。我會在開發細節功能的同時在瀏覽器裡邊設計那些細節。這可能不是最有效率的,但這樣可以讓我在工...

程式設計師應該知道的事情

今天中午在 cxuan 的群內討論tdd和lambda的問題 炸出來一位前輩,為我們分享了很多知識 真正的大佬 借用 cxuan 的話來說,就是能夠使自己思想受到淘洗,資訊量大能讓你產生冥思 涵蓋了技術 職業規劃 業務 管理 特在這裡總結一下,希望大家看完也能有所收穫 不要過度追求新技術 新框架,每...