| «‹ June 2026 ›» | | S | M | T | W | T | F | S | | 1 | 2 | 3 | 4 | 5 | 6 | | 7 | 8 | 9 | 10 | 11 | 12 | 13 | | 14 | 15 | 16 | 17 | 18 | 19 | 20 | | 21 | 22 | 23 | 24 | 25 | 26 | 27 | | 28 | 29 | 30 | |
|
2015 年 9 月 22 日 星期二  |
| 聊聊網頁設計中五大金科玉律 |
分類: 未分類 |
從字體設計、制圖到頁面版式,設計總有那麼幾條網頁設計台北通用的原則,它適用於網頁或者印刷。然而,在網頁設計這邊,很多本應該有的規則都被搞亂了,就只是跟著感覺走。這並不是說設計師在規則方面有松懈,而是大多數網絡工作者都不知道要遵守這些規則——就算他們知道,也不知道怎麼去用。
結合網頁講,就是以下幾條:
平 衡
平衡感挺難拿捏的。網頁上呈現出的平衡有兩種——對稱和不對稱。我們都很習慣網路行銷了看對稱的圖片,就像我們小時候剪紙花,都會兩邊一起剪,這樣打開就是對稱化的。這種對稱的平衡很好識別(反正都鏡面反射一下),而在不對稱構圖口碑行銷裡面做到平衡才難。
不對稱平衡
在多處位置展示了不對稱平衡裡面的一些重要原則。你看,作為主Banner的那只狗的照片——狗身上的黑色全壓在畫面左側了,這時候畫面右側出現了一個X,這看似隨意的灰色X,可是平衡畫面的關鍵因素!這樣一來,你的視線就會被牽扯到畫面中間。除了在Banner圖裡面,在網頁的頁頭中也出現了這樣的設計——菜單欄的大小和顏色都相對重。那麼在Subtraction的logo這條,就對應用了黑字白底,再在上面加上黑線,這樣上下會相對平衡一些。
對稱平衡
蘋果是現代網頁中實現對稱平衡的典範。如圖二,每個元素都是在中軸線兩側排布,創造出了一個視覺上的和諧情景。
比 例
對於網頁元素來說,並不是看得清楚就好,或者文本多長就弄多大,它的排布跟網頁的平衡視覺上強調誰有很大關系。
Coda
在這個頁面上,各元素的比例控制得很好。不僅是視覺上的層次很好,意義上的層次也很好。從產品的logo開始(1),然後引導用戶的行為(2),再到文字比較密集的相關介紹(3),排布都很合理。圖文混排的區域,標題的權重和正文隔開,還有和左側icon的關系都很注意。瀏覽這個頁面的時候也會覺得整體非常協調。
節奏
網頁上的節奏感非常重要,甚至比數據更重要。尤其那些數據量大,頁面長的網頁。比如這台北網頁設計個叫Digg的網站,頁面上出現了雙目錄,但也是遵循了節奏感方面的一些原則。
Digg
Digg首先在header部分展示出的是一個水平的導航欄,然後跳到主要內容的展示部分,每篇文章依次列開。這就給讀者一種連續的感覺,會順著往下滑。而這個小技巧也被用在了右側的Top 10文章排列中。
強調
在設計中,再沒有比圓形更有魅力的圖案了,尤其是在充斥著四邊形的網頁設計領域。一個圓圈並不需要借助亮眼的顏色或留白,僅僅靠它的形狀特點就能輕松引起用戶網路行銷台中的注意。這就是為什麼你的眼睛總能被那些最近流行的標志所吸引,不過“圓形”最大的魅力其實還是發揮在Logo上。
博主好站推薦:
|
| 我們為什麼要使用設計模式呢? |
分類: 未分類 |
盡管印刷設計模式比網頁設計模式更早台北網頁設計出現,但印刷設計模式卻使用很少,遠不及網頁設計模式。原因是:比起印刷設計,信息建構、編碼和可用性設計等對網頁設計影響更大,且這些方面都會利用到設計模式。
程序員的價值不在於創造,而在於高效、簡明的解決問題。如果你曾經寫過PHP你會知道有很多種方法可以在數據庫裡恢復數據,但是大多數PHP程序員會反復使用同一段代碼。如果你曾經寫過Java你會知道雖然有很多方法可以用來迭代,但是只有其中一種方法更合理更高效。事實上,很多的代碼編寫人員都重復使用一段很精確的代碼,因為幾乎所有的同事都會默認使用這段代碼。
與程序員相反,設計師的價網路行銷值在於創造,但是卻有一些設計師使用模版設計,因口碑行銷為他們缺乏想像(或者說是勇氣)去做一些改變,其中大多數人都是靠一些老套的設計模式來得到方案。
然而在設計項目中使用設計模式並不是默認的規則,這就是為什麼設計模式在代碼設計中更為流行。看一些網頁設計和移動端app設計,你往往會看到他們一次又一次地使用相同的設計模式:這個app頁面在手機上展示,向左或向右對齊網頁設計台北;緊隨其後的是標網路行銷台中語和引導動作;背景圖片往往是一張模糊了的咖啡店。
博主好站推薦:
|
| 網頁設計中的卡片式設計趨勢 |
分類: 未分類 |
網頁設計中的卡片式設計趨勢:總有一些新的設計趨勢口碑行銷蓄勢待發。現在誰又能忘記視差滾動這種設計手法呢?這種網網路行銷頁設計趨勢從幾年前一直延續到現在,越來越多的用戶開始認可並關注這種視差滾動式的網頁。
而在諸多新興的設計趨勢當中,基於卡片的網頁設計也開始在整個網頁設計浪潮中占有一席之地。雖然比例不高,但是對他認可的設計師和用戶正在穩步增加。
也許你對於曾經火爆一時的瀑布流還有印像,它也算是卡片式台北網頁設計設計的一個分支,而最典型也是最具有影響力的,是Pinterest,國內的花網頁設計台北瓣和它有著異曲同工之妙。當用戶打開這些網頁的時候,他網路行銷台中們會逐漸洞悉到這種看似簡單的設計背後對於信息和內容的高度整合,也會逐漸折服於這種簡單但優雅的設計方法。
當然,卡片式設計並不止於此。而在你的網站中采用卡片式設計也有著足夠的好處。
信息架構與柵格系統
當你查看任何卡片式設計的時候,你是無法忽視整個設計中貫穿始終的柵格系統。每一個卡片的邊緣都在整個設計中成為一套更大的柵格系統的一部分,他們在尺寸和間隙上保持著一致性與和諧性。
毫無疑問,規則的柵格化系統是有助於整個信息架構的建立的。信息架構為網站創造一套智能化的規則和流程,訪客可以更輕松地吸收網站所提供的信息,明確每一個頁面的功能和目的,掌控整個網站。
想想看,強調一致性的卡片式設計可以更好地引導用戶的視覺。卡片的矩陣至少是按列或者按行對齊的,用戶的眼睛可以沿著橫向或者縱向有序地瀏覽。這種瀏覽方式可以讓用戶更快地找到對他們而言重要的內容。
博主好站推薦:
|
| 設計模式有用嗎? |
分類: 未分類 |
設計模式當然有用。它們一直隨著時間的推移逐步進網路行銷化,而且獨特的是一個設計模式只要能被哪怕一個人認同,它就可以存活。按照文化領域的進化論來說,模式存活的關鍵在於獨特性,這些存活下來的模式是成功的。
對網頁設計師來說,設計模式是通往成功最簡單的途徑。它們提供了非常多的方案來讓客戶挑選直到滿意。而且設計模式不需要β測試,他們沒有一個准確的答案,甚至不必讓你的客戶去進行用戶測試,因為設計模式已經在長久的使用中得到了驗證。
設計模式(幾乎)是用來給顧客服務的,而不是給設計師服務的。利用設計模式就像期望能在繪畫方面靠作品數量取勝。說真的,我們應該享受設計過程而不是只為了最後拿到工資。你有責任給你的用戶拿出最好的方案,但是同樣對自己有責任。如果你沒打算去變的更有創造力,也有簡單的辦法。
設計模版的支持者聲稱,他們高效的用基礎的UI設計促進了口碑行銷交易成功率,提高了就業率,還讓設計少走了彎路。但是,這是一個過時了的想法。當然如果你創造了一個復雜的app,一些規則可以幫你的用戶盡快熟悉它,但是它不太可能對你設計一些你不太熟悉的網站比如人口統計學網站有所幫助。
當網頁剛剛出現的時候,把每一個鏈接設計成藍色台北網頁設計是有效的,因為這樣可以幫助人們找到入口。但網頁設計台北是這種普通的設計對鏈接來說已經不再必要,因為我們知道一般鏈接在哪裡。作為時代的見證者,像網路行銷台中鏈接就是藍色的這種模式現在已經不再流行了。
設計模版的問題是:盡管他們在很短的一段時間內有用,但沒人能夠預知他們到底多久會過時。
博主好站推薦:
|
2015 年 9 月 17 日 星期四  |
| 選擇石英表的5大理由 |
分類: 未分類 |
石英手表的出現,打破了手表市場以往石英舟的寧靜,雖然它出現的時間不長,但是陶瓷它以絕對的優勢占領了手表市場的一大部分。成為普及率較高的手石英表品類,相較於機械表的高精尖的魅力,石英表以功能實用、價格優勢和外形時尚等等特質也贏得了一大批粉絲。
1、價格相對較低
雖然石英表也有極其昂貴的,但是相較於機械表,石英表價格更便宜。不論什麼科技的創新和進步提高,都是為理解決曾經石英管存在的問題。此外,機械手表需要定期洗油保護,保護調養花銷比較大。這從側面也可以說明石英表的性價比較高。
2、保養簡單,維修方便
但是對於石英表來說,它的結構簡單,維修方便的優點讓很多青睞。這就大大的節約了他們的時間。石英表的修理無非就是定期改易干電池,只要挑選信用好的時鐘維修店和選配品質好的干電池,石英手表的生存的年限肯定大大的超過機械手表。由於石英手表沒有像機械手表那樣的磨耗問題,加上表把的運用概率也很少,可以基本無須思索問題機件磨耗,尤其是傳動齒輪傳動系統。
3、外形設計潛力大
沒有機械機芯的種種局限,石英機芯可以做的更薄或更小,這就給了手表的外形設計更多的發揮空間。
4、精准度較高,誤差小
如今機械手表半自動上弦的占多數,這經常會面臨一個問題,因佩戴的運動量不足導致手表動力儲存不夠,故而時不時停走。再有就是總計誤差,機械手表日誤差在正負30秒內就算符合標准,但誤差總計下來也了不得,而石英手表普通年誤差也就在二分鐘左右。
5、科技功能
比如以科技為亮點的西鐵城光動能手表,把光能轉換為電能來轉動的手表。還有百年靈Emergency腕表提供緊急救援的用途,腕表佩戴者遭遇災難即可開啟腕表的求救功能,於48 小時內不斷發射求救信號,讓救援人員確定遇險對像的所在的位置。這些實用且炫酷的科技功能都是機械表所不能達到的。
博主好站推薦:
|
« | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | ... | 55 | »
|