簡單的效果和技巧是建造當今設計的基石。比方說,如果你都不知道如何正確選擇顏色和文字效果,燦爛的 星光效果又能有什么用?
本著“少就是多”的理念,通過十個簡單好用的設計技巧 ,就足以大大提升你設計的專業性和感染力。基礎先行。 學會走之前要先學會爬,讓我們從最基礎的簡單有效設計的概念開始。
1. 增加對比
很可惜,添加額外的對比是最被忽視和棄用的技巧之一。
采用了細的高對比度邊線,讓訪客能更容易區分頁面的不同區域。WordPress 為頁面中最受歡迎的鏈接 “Download(下載)” 使用了對比色。 這種紅色在冷灰色調的頁面中自己跳了出來。但這紅色在明度方面有所收斂,避免了影響頁面整體效果。
如果你對于該不該使用對比猶豫不決,就把這一決定過程當做是化妝。你要做的不是讓人們大吼“看吶,對比色!”,你需要的是自然而然的吸引他們注意頁面中重要的內容,高亮出已經存在的重點。
2. 漸變
技術的發展為所有想使用漸變的人提供了各種創造漸變的工具。但漸變真的很好么?Media Temple 網站的每一個頁面都使用了漸變,不過其漸變使用的節制和精妙才是設計成功的關鍵。logo,大標題,按鈕和背景都有細微的或者鏡像的漸變,以強調內容。最復雜的漸變用在了那些簡單的120像素寬的按鈕(子頁面中的“ACTIVATE”和“LEARN MORE”)上,因為它們是需要訪客注意的重點。
3. 色彩
合理使用顏色很有挑戰性。在挑選完美的色彩組合和為各種色調找到合適位置的過程中,時間嘩啦啦地就流走了。ealmac Software 大膽地在404頁面采用了全色系漸變。這樣做有以下原因:首先,Realmac已經將頁面背景設成了中性灰色,更重要的是,頁面其余部分沒有明顯的色彩的,除了藍色的文字鏈接和一些零星的毫無沖擊力的色彩。
全譜色彩漸變完美地吸引了人們的注意。它保持了簡單性,有著灰色的配合,也不會讓眼睛感到不適。但在一項設計中采用四種或五種以上的顏色通常都顯得太過了。除非你非常確信你的設計需要那么多顏色,還是采用簡單的四色組合比較好。
4. 字符間距
字符間距,或者稱為字距調整 (kerning),能對標題、段落、logo等文字相關內容造成巨大影響。其遠不止每個字符之間的距離那么簡單。Krop’s 的新作品集創建器,在處理文字的時候,十分吝嗇空間。該網站上大部分基于文字的圖片中的字符間距都很小,使敘述內容顯得更為簡潔有力。
5. 大小寫
改變字母大小寫不過是按一下Shift或者Caps Lock鍵的功夫,但很少有設計師好好利用了這一技巧的潛能。 MSNBC’s 對大小寫的使用很值得參考。logo是全小寫的,頁面其他部分的字體大小寫更有著微妙的變化。頁面上方的大橫幅通告,一般用大寫字母寫著“WATCH LIVE(觀看直播)”或者 “BREAKING NEWS(最新消息)” 。這些通告都是非常重要的內容,這種方式很好地吸引了訪客的注意。
另外,采用純大寫的按鈕,讓他們的小按鈕足夠清楚易讀。 在這種5像素高的應用里,小寫字母,如a,m, x,可能只有2到3像素高,非常難以辨認。
6. 消鋸齒
雖然技術上比較復雜,消鋸齒仍可以歸納為“使邊緣平滑”,在各種設計中都有運用到。在Web設計的世界里,是否消鋸齒部分決定于文字是要出現在圖片還是HTML文字中。另有一個讓事情變得復雜的情況,部分瀏覽器或操作系統會自動在一定程度上消鋸齒,但總的來說,HTML文字是不具有抗鋸齒功能的。 Stockxpert 非常聰明地在廣告頁面中部分使用消鋸齒,而部分文字不消鋸齒。大部分文字都有平滑邊緣,但頁面頂部和底部的小字則保留了鋸齒。同上面說的MSNBC按鈕一個道理,5像素高的文字需要有盡量銳利的邊緣來保持可讀性。這種情況中的模糊或平滑邊緣會讓眼睛很累,最終放棄閱讀。
混搭是王道! 完美的東西一般都顯得很假或者乏味。樹木的枝葉并不完全對稱;任何形式的照明都不會產生平衡的影子;照相機鏡頭有時會讓部分景物模糊,以及產生鏡頭光暈…… 有些設計需要干凈的人造風格,另一些則需要混搭一點~
7.制造瑕疵
任何人都能在使用一臺電腦十分鐘后告訴你它并不完美。但在設計過程中,電腦可以為你創造完美的結果。在你最喜歡的設計工具中使用直線工具時,只需要采用默認設置,你就能畫出特定兩點間的完美直線。為設計創造藝術風格化的瑕疵比你想象中要容易。你只需要將素材變成灰色或褐色,再添加一點細節……
8. 模糊
如果你還在為如何讓內容突出、消隱而一籌莫展,請試試各種不同的模糊方式。通過模糊前景、模糊背景,甚至整個設計,你可以動態地增加你的項目的沖擊力。模糊的焦點,需要至少部分地相關聯。通過模糊一個元素,焦點被帶向另一內容。Ios V2 壁紙使用簡單的模糊創造平靜的、生機勃勃的感官。一些明銳的線條用來形成圖像的焦點,而模糊的背景對于壁紙的整體效果至關重要。
9. 對齊
即使我們強調保證整潔和直線,你仍然有需要為你的設計添加一些額外趣味。Icon Designer通過旋轉某些元素讓自己與眾不同。這一頁面很容易成為稀松平常的無聊之作,但簡單的幾個旋轉讓它趣味十足。
現在的網頁大部分是700到900像素寬,一般在瀏覽器中居中,并且是方盒子式的構造。大部分案例中,這樣做使內容安排有序,但也有一些站點,需要設計師考慮跳出盒子,創造特色。
10. 消除累贅
這可能是最重要也最被忽視的設計技巧了。去掉不必要的部分,也是最難做的部分之一。通過去掉所有不必要的部分, CSS Remix只留下了必要部分,可以同時展示7個大廣告 (128 * 96 像素),,53個favico廣告 (16 *16 像素) ,以及一大群網站(56個)——全部在頁面上方1000像素內!甚至網站的logo都被削減到了53乘 7 像素。
生活中也是如此,好事做得太好就不是一件好事了。上面的logo太小以至于難以辨認,特色站點也難以同彼此區分開來。奇怪的是,頁面頂部的Twitter feed,相對于站點logo和導航來,又過分突出。
本文來自成都品牌網站建設網站設計公司-創新互聯
網站名稱:分享十個簡單好用的設計技巧
瀏覽地址:http://m.newbst.com/news16/319516.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、ChatGPT、服務器托管、、網站內鏈、品牌網站設計
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯