1. 網頁設計常用哪些字體
英文字體
I.Amosis Technik(活潑)
II.Hattenschweiler(肅穆)
III.Patrician Sample(流暢)
IV.SF Quantzite(莊重)
V.SF Quartzite OutLine(襯托)
VI.Arial(作特殊英文字體以示區別)
中文字體
1.宋體(系統默認的字體就是宋體)
2.黑體
3.方正大標宋簡體
4.方正大黑簡體
5.華文行楷
6.文鼎大標宋簡
7.文鼎粗圓簡
8.文鼎特粗宋簡
9.文鼎特粗圓簡
10.文鼎特圓簡
11.文鼎新藝體簡
12.方正粗倩體
應用場合:
Banner:I,VI,4,7,8,9,11
Nav_button:1,2,7,10
公司英文名稱:II,IV,VI
公司漢語名稱:8,11,12
看看企業都用什麼字體(中日英):
淘寶中國使用字體 Tahoma,Helvetica,Arial,'宋體',sans-serif; 大小12px;
聯想中國使用字體 "宋體",Arial; 大小為12px;
雅虎日本使用字體 "MS PGothic","Osaka",Arial,sans-serif; 大小12px;
索尼日本字體為 sans-serif,"MS Pゴシック" ;大小為12px;
雅虎美國使用字體 arial,helvetica,clean,sans-serif; 大小13px;
GE美國使用字體 Arial,Sans-Serif; 大小11px;
IBM美國使用字體 Arial,Helvetica,sans-serif; 大小0.74em;
可以看到,根據設計的不同,各個網站都不一樣,就字體上來說,上面的知名網站都是使用常用字體,選用其中的就可以了。大小上來說,就要根據設計和用戶可訪問性來考慮了。
網頁設計就業方向
各行各業的公司,都需要網頁設計師,這其中更集中分布在以網站本身盈利的互聯網公司。因此網頁設計師的就業范圍是非常廣泛。市場對網頁設計師的需求一直是有增無減,各大網站、廣告公司、設計公司都在大量招聘網頁設計人員。
網站首先作為一個網路名片,像個人主頁、公司企業網、機構團體公益網站等等,都能夠通過這樣一個平台去對外展示自己的形象,全面有效的傳達自己的意圖與信息,所以網站首先是個對外宣傳的窗口。越來越多的企業需要網站這樣的一個平台,所以網站設計的專業人才也成為了各大企業爭搶的香餑餑。據不完全統計,截至到2012年,中國的網站數量已經超過600萬個,中國還有許多企業沒有企業網站,雖然不是每個企業都會建設網站,那麼有一部分的企業創建網站,也是一個非常大的需求,此外已經有網站的企業還需要對網站進行改版、完善。而中國的專業網站設計師不是很多,網頁設計就業前景的就業前景非常好。特別是參加網頁設計培訓後成為專業技能很強的網站設計人才,將成為市場上的香饃饃。所以說,網站設計的市場規模是非常巨大的,網站設計師就成為非常具有發展潛力的新生勞動力量,社會需求量巨大的職業崗位。
網頁設計需要具備的專業技能:
網頁設計師的工作目標是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。
1,了解網頁的程序實現,作為網頁設計師,當然不必跟程序員一樣會書寫腳本代碼,但是必須要了解網頁的程序實現方式,因為現在互聯網90%以上的網站都是動態網頁,都是需要動態程序支持的,所以在做網頁設計的時候需要考慮頁面動態程序的實現;
2,DIV+CSS,這是一種網頁前台排版布局的技術,利用這種技術可以更好的使搜索引擎爬行網頁,加速用戶打開頁面的'速度;
3,.PHOTOSHOP,這是平面設計人員常用的工具,網頁設計其實也是平面設計的一種,但是因為網頁設計又要必須符合網頁製作的一些規范,所以又有別於平面設計了;
4,DREAMWEAVER,這是一款專業的網頁製作工具,用PHOTOSHOP設計出網頁平面,那隻是一張平面圖,而在互聯網上瀏覽的一張張網頁都是使用html網頁格式語言進行格式化排版布局的,所以專業的網頁設計人員是要掌握網頁製作的知識的;
5,FLASH,我們經常在網頁上看到一些比較炫目的動畫效果,這些效果就是通過FLASH這個軟體實現,作為網頁設計師,不一定要能做出很酷很炫的效果,但是掌握這些動畫的基本原理,會一些小動畫的製作也是必要的。
網頁設計就業前景分析:
目前的網站設計師新手的薪資一般是在3000--4000元左右,隨著專業技能和工作經驗的積累,薪資也會隨之增長,一個有經驗的網站設計師,薪資可以達到5000--7000元,而如果有能力勝任更高的職位,比如說首席網站設計師,平均月薪是不會低於8000元以下的。而且在積累了豐富的經驗之後,還會有更高的發展方向,可以往程序開發或是架構設計師的方向發展,讓自己進入更高的職位,擁有更客觀的收入。
關於外觀的禁忌
1、不要先決定網頁的外觀,然後強迫自己甚至是強迫別人去適應它。應該從網站的瀏覽者、網站要傳達的信息以及網站的發展目標考慮,設計出一個最適合的網頁架構。
2、不要每頁都採用不同的背景圖片,以免每次轉頁都要花時間去下載。採用相同的背景色及近似的按鈕都能增加網頁一致性,樹立統一的風格。這也是最基本的網站VI設計(視覺識別系統)。
3、不要把圖片的白色部分當作是透明的顏色,要知道別人的操作系統是並不一定會將底色設為白色的。解決的方法是把網頁的底色設為白色。而最好的方法是用圖片編輯工具為圖片設置好透明底色。
4、底色或背景須與文字顏色形成明顯對比,方便閱讀。若你的網頁里有較多文字,不妨在這方面下多點功夫,力求讓瀏覽者能舒適閱讀你的文章。
5、每頁的排版不要太疏或用太大的字,盡量避免看網頁的時候要作很大的卷動。
6、太長的一頁要使用內部鏈接,聰明的網頁設計者不會讓瀏覽者在看網頁時太多卷動。常見的內部鏈接例子如 FAQ、或名詞解釋。
7、在17寸顯示器尚未普及的時候,不要以 800x600 以上的像素設計網頁。因為這常常會導致設計上的判斷失誤。因此,無論你有再大的顯示器,能上再大的解析度,將顯示器設置成 800x600的顯示模式是適當的。 -
8、不要於每頁插入太多的廣告牌。相信你也不會喜歡貼滿廣告的網頁。什麼廣告交換、點錢Banner、彈出窗口,還有時下最流行卻又最討厭的浮動廣告,還是少放為妙。至少,當我看到的時候,是會第一時間按右上角的「X」的。
關於操守的禁忌
1、不要抄襲別人的創作。網路上的所有資料都是公開的,但都有版權的,若想引用別人的作品,不妨先徵得同意,一般作者都只要你註明出處,對於電腦方面的東西,大多數朋友都是熱情而慷慨的。更不要下載了別人的網站後,當作是自己的放在網上,這樣做的結果是使所有人都知道你是個剽竊者。
2、引用 Newsgroup、BBS、或其他非電子傳媒的文章,切記要註明原作者名稱及文章事源,若引用別有的網頁更要通知網主。尊重版權,避免官司,利人利已。
3、不要利用網頁散布謠言、中傷他人,網路雖然難管理,但本著道德良心,都應潔身自愛。維持良好網路環境,要靠大家努力,從我做起。
4、不要將別人的網頁變成你的框架中的一個窗口,這樣不僅為瀏覽者帶來不便,令人的網頁更醜陋,而且也侵犯了別人的版權,解決方法是採用鏈接中的 target 參數,如 target="_top" ,或是target="_blank" 從新窗口打開網頁等。若重視訪問者的感受請從每一細節做起。
5、不要將別人正在使用的搜索引擎、表單及計數器等放到自己的網頁中,這樣做會擾亂其正常運作、增加該伺服器的負荷,除非該主人表示可以連到他的 cgi-bin 或 JavaClass。
2. 網頁設計中最常用的字體有哪些
1、Georgia字體
基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。
2、Times字體
Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。
3、Arial字體
Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常。
4、Lucida Family字體
Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。
5、Verdana字體
專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。
6、Tahoma字體
也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。
3. 做網站一般用什麼字體
使用雲字體,在線實時顯示。
4. 網頁上常見的字體是什麼字體
字體在網站中扮演了相對重要的一個角色,所以在網站中,選用什麼樣的字體也是一個相對比較重要的工作。今天跟大家分享下在網站當中常用的8款字體。
都知道,字體主要分為稱線字和無稱線字。其實細分的話還有等寬字體、夢幻字體和花體字。但今天我們主要針對常用的稱線字和非稱線字來講。
稱線字和非稱線字的區別可以看下圖:
可以看到左邊的中文和英文字屬於稱線字,右邊中文和英文屬於非稱線字。稱線字指的是在字的筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。比如我們常用的宋體,觀察比劃可以看到橫細豎粗的特點,這就是典型的稱線字。非稱線字也叫無稱線字,無襯線字體沒有這些額外的裝飾,而且筆畫的粗細差不多。比如微軟雅黑。
稱線字體容易識別,它強調了每個字母筆畫的開始和結束,因此易讀性比較高,非稱線字則比較醒目。所以,在使用的過程中需要根據網站的定位而選擇相應的字體。
下面簡單給大家介紹網頁中常用的幾種字體:
1、微軟雅黑
Vista之後新引入的字體,這個字體的使用率不用說了,可以說是web裡面最安全的一個字體。字體方正、簡潔,被廣泛使用。
上海大眾這個網站默認的首選字體就是微軟雅黑,整體比較簡潔。
2、黑體
黑體字和微軟雅黑差不多,作為非稱線字中的一種,一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮,一般在微軟雅黑和黑體的選擇下,個人更傾向微軟雅黑。
佳能的官網默認首選的字體就是黑體,字體簡潔醒目。
3、華文細黑
華文細黑是Mac下的默認中文,這套字體跟前面的微軟雅黑相比較,更顯絹細、秀氣。筆劃細節比微軟雅黑處理的多一些,所以整體給人比較精緻的感覺。注意一下,華文細黑並不是所有電腦的自帶字體,當網站文字用到這個字體的時候,是需要在自己電腦上下載這套字體的。除此,在寫css代碼的時候,font-family應該設置的選擇性多一下,以保證界面打開的最佳效果。
這個字體就不給大家做展示效果了,因為這個不是系統的默認字體,電腦上沒有安裝這個字體的也看不到網頁的原始效果。
4、中易宋體
前面介紹的三款字體都是非稱線字,接著要介紹的是稱線字體——中易宋體,簡稱宋體。宋體在我們的日常中使用范圍也很廣,這是電腦自帶的其中一種字體。宋體是為適應印刷術而出現的一種漢字字體。筆劃有粗細變化,常用於書籍、雜志、報紙印刷的正文排版,所以在大篇幅文章的設計時,可以採用宋體。這個字體是Windows系統下最常見的字體,小字體點陣,大字體TrueType。大標題顯示時字體不是很好看,所以一般不建議用宋體來當標題。
上海漢路律師事務所的網站就是採用了宋體字,這種字體的選擇一般出現在一些個性比較強的網站中,傳統、專業、公正、官方、權威,宋體就表現了這種特點。
5、 Arial
說到Arial,這套字體是微軟公司網頁核心字體之一,最常用的sans serif字體,當字型大小很小時不容易閱讀。但是,大寫的「I」和小寫的「l」是無法區別的,所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是,蘋果系統下是沒有這套字體的,蘋果系統下默認的是Helvetica。
可以看下禪道項目管理軟體的英文網站,幻燈片採用的字體就是Arial,可以看下這套字體在幻燈片下粗細的組合形態。
6、Tahoma
Tahoma是英文Windows操作系統的默認字體,這個字體比較均衡,是種非常圓滑的字體。這個字體和中文混排顯示時,不會出現中英文不對齊的狀態。這套字體解決了Arial大寫「I」與小寫「l」難以分辨的問題。也相當於在Arial上優化了不少。除此,細看這套字體,可以發現其實在一些筆劃的處理上還是很精緻的。
zui前端框架網站,英文字體的設置上也用到了這個字體,雖然不是第一優先選擇,但是可以看出Tahoma這套字體的使用率也是很高的。
7、Helvetica
說到Helvetica這套字體,應該是設計師們的最愛了吧。這套字體屬於 Realist風格,擁有簡潔現代的線條,受到大部分設計師的追捧。這種字體給人一種簡單、現代化、休閑輕松的感覺。適用於扁平化設計,也適合搭配任何設計項目,包括banner、平面設計以及網頁字體等。在Mac下面被認為是最佳的網頁字體,但在Windows下由於Hinting的原因顯示很糟糕。
這個字體主要體現在蘋果官網上,可以看下美國的官網。
8、Georgia
說到英文的稱線字,肯定首選是Georgia。這套字體筆劃粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還不錯。此種字體風格優雅又精緻,可用於電影海報、游戲、時尚類網頁設計中。
林肯的官網,Georgia是官網的第二優先選擇顯示的字體。網站比較現代,在一些幻燈片當中結合了Georgia字體,稱線字和非稱線字的相結合,可以使得整個網站更生動。
在專業的網頁設計里,除了Banner圖、廣告語等特殊情況可能會用到特殊字體,網頁中使用的字體以不超過2種為准,並且最好採用標准字體,比如中文的宋體、微軟雅黑,英文的Arial、Helvetica。只有使用這些系統自帶的字體,才能讓前端開發人員在排版時高程度地還原設計稿的文字效果。倘若使用了特殊字體,在設計font-family的時候,應該多設置幾種字體的優先順序,以確保網頁顯示的最佳效果。當然,我們一般情況下建議使用系統自帶的字體。
以上8種網站中常用的字體介紹和示例,希望可以對大家有所幫助。