巧妙設(shè)計讓頁面活起來
一個完整的Web頁面是需要點線面的合理結(jié)合,每一個頁面都是一個神奇的空間,同時它的深度,廣度和作者賦予的元素美感決定了這個頁面的可觀賞性。要想讓自己設(shè)計的頁面有鮮明的藝術(shù)特色,從眾多的頁面里脫穎而出,你可以從以下四個方面著手。
妙利用文字
網(wǎng)頁設(shè)計中,文字在整體界面中起到了主體的作用,是傳達信息的主要元素,字體的的大小、顏色、字體樣式甚至間距都會直接影響頁面的視覺傳達效果。
使用幾何圖形
網(wǎng)頁一般都是由不同尺寸的欄目快和表格等組成,基本都是非常方正的表現(xiàn)方式,適當(dāng)?shù)倪\用一些幾何圖形加入其中,比如三角形,菱形或者圓形,會使整個畫面更加的生動活潑和起到打破常規(guī)的作用。
合理的留白
古人曾曰:”虛實相生,無畫出皆成妙境。”說的就是場景中一實一虛留白的妙處。巧妙的留白可以讓畫面的視覺效果更加的通透,流暢和干凈。避免元素的堆積造成的畫面擁擠,辨識度低。當(dāng)然留白并不是說頁面中的白色區(qū)域,而是沒有其他元素干擾的視覺區(qū)域。
加入點綴色
點綴顧名思義,就是用小而精湛的手法在原有事物上加以襯托或裝飾,使其更加的美好和迷人。同樣,合理的利用點綴色也能在頁面設(shè)計中起到畫龍點睛的作用。
產(chǎn)品經(jīng)理需要遵守的五項原則
專注
其實很多人都會問究竟產(chǎn)品經(jīng)理是做什么的? 他們很多時候不編碼,也未必會參與設(shè)計,那豈不是閑著嗎?其實一個創(chuàng)業(yè)公司事情太繁忙,員工的想法也太多,產(chǎn)品經(jīng)理要做的是在適當(dāng)?shù)臅r候 say no,把項目的重要性排清楚,最后專注把一見事情做好。 做產(chǎn)品切記不要貪心想把很多東西做好,你如果能把一個東西做好那已經(jīng)比很多公司做的有效率。
易位思考
產(chǎn)品經(jīng)理是穿插在各個團隊之中,很多時候要麻煩其他人配合配合才能把事情做好。我相信很多人都會遇到其他人不配合的時候,此時如果你能代進別人的處境,事情是容易辦的多。 你所說的每一句話,發(fā)的每一封電郵,如果都是站在別人的角度來寫和說的話,事情會事半功倍。
長遠想法
當(dāng)用戶或團隊跟你說要這個功能那個功能的時候,你面臨的是一個選擇的問題。以前的我性子急一定會想辦法盡快做好他們想要的,但問題是這樣做會導(dǎo)致產(chǎn)品失去方向,重點,因為你沒有為產(chǎn)品作出長遠規(guī)劃,而只是幫它做了短期的選擇?,F(xiàn)在的我懂得抓住長遠產(chǎn)品要走的方向,然后只會選出對長遠方向有貢獻的事情來做。這樣的話產(chǎn)品就會一步一步的往那個視野前進。
記住本性
跟上面長遠想法同出一處,這個概念是永遠記得你將要做這件事的原本目的,而不要受到眼前的誘惑。 比如說這次推廣策略的目的原先目的是推用戶量(原本目的),但當(dāng)中有媒體想采訪你 (眼前誘惑),可以讓你出名,時間應(yīng)該去做采訪或者是其他推廣活動呢? 如果記得本性,就會萬事以原本目標(biāo)為主而會放棄一些蒙蔽本性的虛榮。
隨緣
很多人要比自己聰明,能干,但為什么他們每個人的待遇都不一樣? 因為有太多事情是人不能控制的,產(chǎn)品也是。 Instagram 當(dāng)年跟 PicPlz 沒太大的區(qū)別,最終前者跑出來,當(dāng)中當(dāng)然有創(chuàng)辦人聰明之處,對手一些失策的原因,但有誰能估計兩公司最后的結(jié)果呢 (著名風(fēng)險投資公司 Andreessen Horowitz 也就選了投后者,放棄前者)??赡苣阄从昊I謀,思想周密,但有時候人算不如天算,也要懂得安身立命,才是長遠做到好產(chǎn)品的秘訣。
設(shè)計出簡潔網(wǎng)頁的6個技巧
1、選用富有沖擊力的圖片元素
深圳網(wǎng)站制作設(shè)計任何網(wǎng)站類型,恰到好處又吸引眼球的圖片總是非常重要的。雖然讀者通常只關(guān)注網(wǎng)站的內(nèi)容,但吸引人的相關(guān)圖片也可以起到對內(nèi)容補充的作用,同時也增添了美感。不過,在網(wǎng)頁中使用圖片元素時,不管它是靜態(tài)還是動態(tài)圖片,都要注意顏色的搭配。顏色使用過多容易造成視覺混亂,使用單一顏色往往會產(chǎn)生強烈的視覺沖擊。
2、小心使用頁面空白
毫無疑問,簡潔的網(wǎng)頁設(shè)計成功的先決條件之一就是做到整潔有序。設(shè)計師在網(wǎng)頁中熟練地添加flash動畫,視頻,3D圖形等多種元素的同時,不過應(yīng)盡量避免過度使用這些元素。如今,大家都經(jīng)常使用各種便攜式設(shè)備瀏覽網(wǎng)頁,因此也應(yīng)該充分考慮到移動網(wǎng)絡(luò)用戶的需求。在網(wǎng)頁設(shè)計中,應(yīng)該小心,準(zhǔn)確地處理頁面的邊距和空白。但是,空白間距過多會讓網(wǎng)站失去吸引力。因此維持設(shè)計過程中的流動性非常重要,切勿過度使用。
3、開啟你的像素眼
任何與設(shè)計的相關(guān)工作,小細節(jié)都發(fā)揮大作用。網(wǎng)頁設(shè)計也不例外。想要成功設(shè)計出簡潔的網(wǎng)站,你需要“第三只眼”來監(jiān)控這些小細節(jié)。網(wǎng)站的邊框,投影,高光和紋理等元素容易讓瀏覽者印象深刻,但設(shè)計師們往往卻忽略了這些小細節(jié)。在某些情況下,忽視動畫和圖片的優(yōu)化問題會影響到網(wǎng)頁圖像質(zhì)量。為了設(shè)計出最佳的網(wǎng)站圖片,可在Photoshop中啟用“對齊到像素”(Snap to Pixels),對圖片進行適當(dāng)?shù)膬?yōu)化。網(wǎng)頁中內(nèi)容排版錯亂時有發(fā)生,這會從視覺上降低內(nèi)容的吸引力,影響讀者閱讀。
4、選用合適的字體
簡潔的網(wǎng)頁設(shè)計成功離不開排版,排版應(yīng)該獲得和圖片同樣的重視。雖然可供選擇的字體很多,設(shè)計師要考慮的方面很多,比如說,目標(biāo)客戶和客戶公司的性質(zhì)。為網(wǎng)站頁眉和內(nèi)容選用合適的字體是必不可少的,無襯線字體(sans serif)和有襯線字體通常會為設(shè)計帶來良好的效果。除此之外,你還可以結(jié)合其它字體,專為孩子和女性打造網(wǎng)站。
5、選擇合適的配色方案
任何網(wǎng)站的設(shè)計都離不了合適的配色方案,這對創(chuàng)建一個整潔干凈的網(wǎng)站同樣適用。堅持使用淡色和非彩色的投影對成功設(shè)計一個簡潔網(wǎng)站大有裨益。淺色的投影可以幫助用戶把焦點轉(zhuǎn)向網(wǎng)站內(nèi)容。標(biāo)志使用黑色和較深的投影,網(wǎng)頁中的頁眉和導(dǎo)航元素使用淺色背景,這些都是不錯的案例,并沒有規(guī)定在簡潔網(wǎng)頁設(shè)計中不能使用大膽的顏色,但是這樣的顏色要小心,克制地使用。有時候,網(wǎng)站有必要使用深色背景色來吸引某些目標(biāo)用戶。比起漸變色,有些網(wǎng)站更鐘愛純色。如果你的網(wǎng)站非得要使用紋理和漸變色,也不要用得太過火。
6、導(dǎo)航欄與可用性
你對網(wǎng)站設(shè)計滿意時,認(rèn)為一切都趨于完美,這時,你可以通過實際試用來測試它的使用性。不妨站在局外人的角度,客觀地對網(wǎng)站作出評價。在網(wǎng)站發(fā)布之前,你可以詢問一下跟網(wǎng)站設(shè)計無關(guān)的人的看法。保持網(wǎng)站導(dǎo)航的直觀性,避免使用的導(dǎo)航元素讓初次訪問者和技術(shù)新手產(chǎn)生挫敗感。