Tag Archives: photoshop

選擇適當的網頁圖片格式

By

December 13, 2012 視覺設計 Comments

file format

網頁設計中，切圖輸出是指設計師將手邊繪製完成的原始圖稿轉換成網頁用的圖片格式、並交由下一位人員網頁排版的重要步驟。選擇適合的圖片格式不但可以將讓設計得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小，節省下載時間、有效的減少伺服器的負擔。

【完美的像素】規劃你的工作環境

By

October 12, 2012 視覺設計 Comments

5743698838_1bbe2155bf_b

不管是 UI 介面還是網頁設計人員，在協同工作時一定都會遇到彼此溝通的問題。當視覺設計師將規劃好的版面交給網頁工程師完稿之後，或多或少都會發現呈現的結果與最初設計有所出入。主要的原因還是在於使用工具上的不同，視覺設計師總是使用 Photoshop 或是 Illustrator 工作，所見即所得的特性方便他們快速調整、完成工作；但最終呈現的結果還是得依賴網頁工程師在中使用標籤語法來控制板面的元件呈現的結果。

【完美的像素】旋轉時會發生的災難

By

September 1, 2012 視覺設計 Comments

blur bird

「如果你不夠小心，在 Photoshop 中旋轉圖像時，可能會毀了你辛苦完成的作品！」 ～ Marc Edward

Back to Top ↑
介面設計 資訊架構
scroll-and-pagination
在設計資料量比較大的網站或是應用程式的時候，我們常常會遇到的問題是要考慮要採用分頁（Pagination）的方式、還是移動捲軸（Scrolling）便自動載入來...
介面設計 設計心理
像魔術師般的視覺盲點
我們的眼睛其實有許多限制，除了在「低解析度的人類視網膜？」所描述的：眼睛的解析度不像電腦螢幕的解析度每個像素的大小都一樣，而是視網膜正中央的解析度最高，離中央越...
介面設計
untitled-2_oh3220
透過瀏覽器直接拖放（Drag & Drop）圖片上傳早已不是新鮮事，網路上也有許多 JQuery 的插件可以直接套用（例：Blueimp、 Dropar...
視覺設計 設計心理
padding
  許多人在安排版面資訊時常常會發生的錯誤就是，常常誤認為版面上的每一項資訊都很重要，而每一個資訊都擺放在使用者很容易閱讀到的位置、賦予相同的視覺強度...
介面設計
work in progress
進度對話框（Progress dialog）是行動裝置介面裡一個常見又惹人厭的介面元件，它的出現限制了使用者的自由，有時甚至讓他們落入了無止盡的等待深淵，按 B...
視覺設計 設計心理
5626451197_378ee1d827_z
我們一般都以為我們的眼睛是由下而上所驅動的，也就是先被某種東西吸引目光，然後才去觀察是什麼東西吸引我們的目光。我們可以先看看下面這個影片：你需要仔細的觀察裡面白...
© 2013 Desiring Clicks. All Rights Reserved.
Top