導語：互聯網時代的設計師，如果只會PS操作設計個名片和DM傳單海報設計，是遠遠不夠的。相信同學們都能感受到這種變化，在日新月異的互聯網，設計師該如何緊跟行業發展趨勢，從哪幾個方面入手比較合適，都非常值得思考。
一.點的運用
在幾何學的意義上點是可見的最小形式單元，是位置的表示形式。無所謂方向、大小、形狀。但所爲設計構成的點與幾何中的點是不同的。只有當它與周圍要素進行對比時纔可知這個具有具體面積形象是否可以稱之爲”點”。
康定斯基認爲從內在性的角度來看，點是最簡潔的形態。
舉個例子，下面的網站是一個日本傳統的24節氣網站，站點設計也非常的傳統，用非常簡約的線條和少量的元素組合成了一種空靈的美感。
看起來都是文字和線條的交接，看起來並沒有所謂的點的組成，但實際上一些文字在視覺裏起到了點的作用，如下圖所示，右側標題作爲視覺中心，緊密的排列起來的文字形成了一個矩形視覺焦點，而左側的小文起到平衡視覺的作用。
1.不同形狀的點往往給人以不同的視覺心理感受
圓形，平穩，在感情上是飽滿的，渾厚有力量的。
方形，除了平穩外有端莊，大方感，在感情上是踏實的，可依靠的。
三角形或菱形：菱角分明，且有指向性，在感情上是偏倚的，有目的性的。菱形比三角形對稱，在平衡中尋求個性。其他不規則的圖形，顯得富有自己的個性，是獨立的，張揚的。在規則的圖形裏變得非常明顯。往往用於豐富畫面。
居中：平靜，穩定，集中感
居上：不穩定感
居下：畫面有沉澱，安靜的感覺，但是不容易被人發現。
在頁面三分之二靠上時：吸引人注意往往是視覺的焦點。
還是舉日本節氣網站這個例子，進入某個節氣後首先映入眼簾的是正中央的節氣信息，第一時間讓用戶看到最想知道的內容，正中央圓角矩形的設計，隱喻傳統印章，安靜且舒適。而內容相對而言在視線的偏上方從純色背景到高清大圖設的背景設計上非常有層次感也不會覺得枯燥。
2.當畫面中有不同大小的點時，大的點是焦點。而點不同的排列方式也會產生不同的視覺心理感受
當一個畫面中有很多零散的點分佈時，用戶的視線會來回遊移，而設計的目的就是如何讓他們在不規則中不顯得凌亂。
例如這個站點畫面裏有三個較大的點，大的點往往吸引人的注意，並且這三個點形成了一個視覺上的三角形，相對來說是比較穩定的。三角形的位置在頁面的三分之 二靠上，正好在視覺焦點的.位置。也說明了當你的視覺元素非常多時，把想要突出的內容放在偏上或者居中的位置，才容易被識別。
二.線的運用
如果說點是靜止的，那麼線，就是點運動的軌跡。遊離於點和形之間，它具有位置、長度、寬度、方向、形狀和性格等屬性。
不同的線有不同的感情性格，線有很強的心理暗示作用。
直線好比男性，剛強有力量，曲線好比女性，柔和並且性感。
如上面所示左圖是瑞士航空公司的海報設計，不同方向的蜿蜒的公路線條性感的交織在一起，使得畫面非常豐富。
中圖是一個電影海報，曲線的指向型引導用戶的視覺，這就是點和線的區分，線是帶有方向性的，有粗細的變化。
右圖是一張獲得紅點大獎的呼籲節電的海報，畫面中簡潔的直線並帶有向下的方向感，即能引起關燈的共鳴也能將不插電這種概念表達出來。
線還有分割畫面的作用，線有連貫性，畫面因爲它的分割而變得生動有趣，對於閱讀順序有着決定性的作用。
再如下圖的網頁用中央的一根直線將頁面劃分爲左右文字信息和數據可視化的兩個部分。
再如下圖版式設計中的曲線運用，貫穿整個頁面，打破了整齊的文字排版，打破了乏味的基調。
三.面的運用
面是線的移動至終結而形成的，面有長度、寬度，沒有厚度。
面的形態是多種多樣的，不同的形態的面，在視覺上表現不同的情感。
直線形的面具有直線所表現的心理特徵，有安定、秩序感，男性的性格。
曲線形的面具有柔軟、輕鬆、飽滿、女性的象徵。
不規則的面如：水和油墨，混合墨灑產生的偶然形等，比較自然生動，有人情味。
第一張圖的電影海報中用三角形的面來切割畫面，視覺上非常有秩序感且穩定。
用大的幾何圖形來做設計能把視覺集中到圖形上，是切割畫面內容最好的方式。
第二張圖中的不規則的面切割畫面讓頁面整體比較活潑可愛，和畫面的品牌牛奶的氣質非常吻合，這樣的不規則元素被穿插在整個畫面中。
上面我們重新回顧了點、線、面三個設計構成要素，接下來我要帶領大家來看看它們是如何利用它們的關係交織在一幅幅畫面中，形成一個賦予生命的脈絡的，設計師手中的畫筆就是描繪美好的開始。
說到它們的關係，不得不提的是版式設計。
