Q

從一組圖形設計圖像創建網站

html
css

2011-09-19 50 views 1 likes

1

我一直在網站上工作了一段時間。該網站的功能很好，但圖形設計看起來有點廢話，所以我們付了一個圖形設計師爲我們看看它。他給我們提供了一套圖片 - 一個用於網站上的每個頁面 - 帶有一個建議的新設計。它看起來不錯，但我不知道如何處理這些圖像...從一組圖形設計圖像創建網站

我剛開始搞亂CSS的設置顏色，大小等，使它看起來像我的設計被給了？還是有我應該遵循的程序？我應該獾傢伙有關字體，色調等的更多信息？

2011-09-19 Oliver

+0

如果項目已完成，則應提供相關信息。無論是在PSD文件（如果設計師使用Photoshop）或在某個地方的列表。 – Kyle

+0

你應該要求一個「源文件」。例如，一個Photoshop'.psd'。你有Photoshop，對吧？如果沒有，你可以問使用哪種字體。您可以通過使用「吸管工具」找出使用哪種顏色。 – thirtydot

A

回答

2

通常，您需要一個HTML設計器來爲圖形設計創建HTML/CSS，因此向設計人員詢問它可能是一種選擇。他應該能夠至少提供一個風格指南，詳細說明顏色，字體等

如果你必須自己做，有一對夫婦的工具來幫助您：

Firebug：終極網絡開發人員幫手工具
Pixel Perfect：Firebug的附加組件，可讓您將圖像疊加到正在開發的網站上。
IETester：真的很好，很容易爲不同的IE版本測試工具。
屏幕標尺：一種簡單的工具來測量圖像和您的網站的距離。

2011-09-19 11:28:51 nfechner

1

您有不同的工具可以幫助您自動選擇顏色和字體。你可以問他送你所有的字體和他做

2011-09-19 11:23:56

2

通常的程序顏色Photoshop文件，如果你有在Photoshop或其他圖像編輯程序做了一個完整的網站設計是你切片圖像（http://en.wikipedia.org/wiki/Slicing_(interface_design)）然後通過將切片的圖片與html對齊來再次放在一起。

當然，您也可以使用css和html元素重新創建設計，但根據所收到設計的複雜性，這將非常困難甚至幾乎不可能。

2011-09-19 11:27:07 Matschie

1

我建議你把設計分解成按鈕，菜單，框，頁眉，頁腳等組件。然後，您可以根據設計創建HTML/CSS代碼並組裝所有組件。我建議你讓你的設計師通過你的顏色值和測量值，以便你可以專注於代碼而不是找到這些信息。

2011-09-19 11:27:23

1

正如@Matschie和@Gregory所評論的那樣，您最好從它們那裏請求原始設計文件，以便這些文件可以在您的HTML/CSS中使用。

平面圖像（如JPEG）只能用於預覽設計，不應該從中生成。

2011-09-19 11:29:29 Curt

1

你可以嘗試自己做CSS，或者你可以去許多網站中的一個網站，它會爲你做。有很多網站會將圖像（通常爲Photoshop PSD文件）轉換爲可用的CSS/HTML。很多這些網站都非常便宜，並且看到你付錢給平面設計師來製作一個漂亮的外觀設計，我會建議去這些網站之一，併爲它們支付良好的CSS/HTML。良好的CSS/HTML可能會因跨瀏覽器問題和類似的東西而變得有點複雜，除非您有很多經驗，否則可能需要很長時間。

提供此類服務的網站的一些例子：

如果你只是做PSD谷歌搜索到HTML，你會發現一個整體更多。

2011-09-19 11:30:35

相關問題