業(yè)務(wù)簡介:中企動力(300.cn)為您提供網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù),中企動力專注于企業(yè)網(wǎng)站建設(shè)、高端網(wǎng)頁制作領(lǐng)域26年,對企業(yè)網(wǎng)站制作、平臺高端網(wǎng)站建設(shè),包括汽車、家裝、農(nóng)業(yè)、外貿(mào)、機械等多個行業(yè)擁有豐富建站經(jīng)驗,選擇中企動力,為網(wǎng)站保駕護(hù)航。
網(wǎng)站建設(shè)不再難 - 2018年最好用的網(wǎng)站設(shè)計工具集錦
由于代碼技術(shù)的限制,普通大眾往往在網(wǎng)站建設(shè)方面總是一站難求。但是,想要擁有一個自己的網(wǎng)站,真的必須由程序員通過代碼實現(xiàn)?哼,在當(dāng)今滿滿科技感的新時代,這個問題不存在的~ 小編為大家整理了個人認(rèn)為最好用的免費網(wǎng)站設(shè)計工具。新的一年,擁有一個自己設(shè)計的網(wǎng)站不是問題!
根據(jù)經(jīng)驗來講,糟糕的軟件,也一定會導(dǎo)致糟糕的工作效率和成果。如果你不是專業(yè)人員,光是前期工具的選擇就足夠讓人頭痛了。正確的網(wǎng)頁設(shè)計工具可以簡化工作流程,高效快速的完成工作。那什么是好用的網(wǎng)站設(shè)計工具?不用說,一定是高效,省時,省事,低成本的產(chǎn)品。
"The best design tool is a long eraser with a pencil at one end." -- Marty Neumeier
針對不同的人群,適合的工具不同,“最好用“的定義自然也是有所區(qū)別的。以下,我將我認(rèn)為的“最好用的免費網(wǎng)站設(shè)計工具”分類整理給大家:
- 針對初學(xué)者的網(wǎng)頁設(shè)計軟件
- 基本的網(wǎng)頁設(shè)計軟件
- 好用的網(wǎng)頁設(shè)計助手
言歸正傳,讓我把這些個人認(rèn)為最好用的網(wǎng)站設(shè)計工具分享給大家吧~
"Good art inspires; Good design motivates." -- Otl Aicher
針對初學(xué)者的網(wǎng)頁設(shè)計軟件
1. Wix
價格:基礎(chǔ)版免費
付費模式4.5美元/月 起
適合人群:非技術(shù)性人員
簡介:可以自由拖拽編輯的網(wǎng)站建設(shè)平臺。Wix 提供完整的一站式網(wǎng)站創(chuàng)建服務(wù),包含注冊網(wǎng)址、網(wǎng)站設(shè)計、網(wǎng)站管理和修改,讓用戶只需要操作GUI界面,就可以創(chuàng)建網(wǎng)站,不需要了解DNS對應(yīng)、網(wǎng)頁編程語言、服務(wù)器創(chuàng)建/租賃等事務(wù),一切都由 Wix 自動化處理,讓用戶能專心在網(wǎng)頁視覺與內(nèi)容呈現(xiàn)上。
個人體會:Wix的最大優(yōu)點是可以自由的拖拽組件。你可以按任意大小任意布置按鈕、圖片,或文本框在網(wǎng)站上的任何一個地方。但缺點是,如果改了模板,很多內(nèi)容和格式就不使用了,幾乎得重新做網(wǎng)站,而且它的手機模式,需要對內(nèi)容重新進(jìn)行編輯。因此,如果網(wǎng)站經(jīng)常更新的話,每次更新后都得用手機編輯器再改改手機版本。因此 Wix 比較適合不經(jīng)常更新,但設(shè)計別致的小型網(wǎng)站。
2.Squarespace
價格:免費注冊建站
適合人群:最適合非技術(shù)型人員(不需代碼、設(shè)計功底)
簡介:Squarespace這款自助建站服務(wù)始于2004年,十年的歲月使其發(fā)展成了使用最廣泛的建站程序之一。不需要設(shè)計或是編程基礎(chǔ),便可通過Squarespace快速搭建一個精致的響應(yīng)式網(wǎng)站。它本身提供了三種定價模式,第一種是可免費注冊與建站。但若要發(fā)布網(wǎng)站,則有根據(jù)網(wǎng)站類型每月12至40美元的兩種方案可供選擇。
個人體會:Squarespace最大的特點是注重細(xì)節(jié)。從創(chuàng)始人Anthony Casalena的一些公開信息中知道,squarespace這款智能建站產(chǎn)品非常適合個人網(wǎng)站,因為它很多模板的表現(xiàn)模式和后臺插件體驗都偏向小站長,立足于把自己的小站打造為細(xì)節(jié)豐富的網(wǎng)站。
"Creating something out of thin air is easy. It’s finding the air that’s hard. " -- Asher Trotter
基本的網(wǎng)站設(shè)計軟件
1. 原型設(shè)計工具 - Mockplus
價格:基礎(chǔ)版-免費
專業(yè)版 - 199元/年
網(wǎng)站設(shè)計的第一步是準(zhǔn)備網(wǎng)站原型。而原型設(shè)計的任務(wù)就是根據(jù)用戶的需求描繪出頁面的草圖。應(yīng)用市場上不乏一些優(yōu)秀的原型設(shè)計工具,例如Mockplus。作為一款面向國際市場的原型工具,Mockplus不僅僅在手機App制作上有出色表現(xiàn),網(wǎng)頁設(shè)計也非常給力。
作為一款優(yōu)秀的原型設(shè)計工具,Mockplus是怎樣實現(xiàn)網(wǎng)站設(shè)計的呢?請參考Mockplus例子項目:StyleXstyle - 時尚類網(wǎng)站原型。
第一步:下載Mockplus并登陸賬號;若沒有Mockplus賬號,可免費注冊。
第二步:打開Mockplus,選擇網(wǎng)頁項目類型,設(shè)置網(wǎng)頁寬高。網(wǎng)頁最大高度為6000像素。
第二步:從軟件左側(cè)組件庫中拖拽添加需要的頁面元素:按鈕、圖標(biāo)、文本框、圖片等;右側(cè)面板支持調(diào)整頁面背景、字體、字號。
第三步:為特定組件添加交互:頁面跳轉(zhuǎn)鏈接、組件跳轉(zhuǎn)鏈接等;右側(cè)屬性面板中支持多種屬性、交互、頁面設(shè)置。內(nèi)容非常豐富。
第四步:通過F5本地預(yù)覽或發(fā)布HTML在線預(yù)覽。PS:Mockplus提供8種預(yù)覽方式。
StyleXstyle在線預(yù)覽地址: http://run.mockplus/yYoEMZcBxFGdhfYW/index.html
2. 多才多藝的設(shè)計工具 - Photoshop
價格:9.9美元/月
雖然它不是免費的,但它作為最佳網(wǎng)頁設(shè)計軟件市場領(lǐng)導(dǎo)者,它的地位不容忽視。那么關(guān)于Photoshop本身:一句話,它是一個非常多才多藝的工具,可以用于任何類型的設(shè)計項目,而不僅僅是網(wǎng)頁設(shè)計。它的主要目的是幫助你使用光柵圖形。
除了調(diào)整圖像或圖形的顏色,飽和度,模糊,清晰度等,Photoshop還可以從頭創(chuàng)建完全自定義的圖形(例如網(wǎng)站布局和可視化)。例如,你可以將多個圖像合并為一個項目的一部分,并確保通過使用各種過濾器或執(zhí)行某些轉(zhuǎn)換將它們?nèi)拷M合在一起。
Photoshop本身是一個非常手動的工具。如果你想要明確的借助它來達(dá)到網(wǎng)站設(shè)計的目的,那么你應(yīng)該具備一些設(shè)計技能和知識才能真正能夠充分利用它。
Photoshop網(wǎng)站設(shè)計教程:How to design Website in Photoshop
3. 網(wǎng)站UI界面設(shè)計工具 - Figma
價格 - 個人免費
- 團體每人12美元/月
簡介:Figma是第一個實時協(xié)作的界面設(shè)計工具。它有三個難能可貴的功能:實時協(xié)作,矢量網(wǎng)絡(luò)和版本控制。Figma就像是基于瀏覽器并具有實時協(xié)作功能的Sketch。
個人體會:我起初對Figma的用戶體驗是持懷疑態(tài)度,因為它是一個基于瀏覽器的界面設(shè)計工具。但后來發(fā)現(xiàn)用起來還是很靈敏的。而且,瀏覽器的工具的優(yōu)點在于接收方不需要安裝任何東西,只需要在電腦上打開瀏覽器便可參與項目。Figma文件可以在Mac、Windows、Linux和移動設(shè)備(僅限查看)上使用。
"There is only one type of designer — the type that cares about type." -- Rohan Nanavati
好用的網(wǎng)站設(shè)計助手
1. Canva(免費)
非常適合設(shè)計定制設(shè)計卡片,博客圖片和各種社交媒體圖片(對于Twitter,F(xiàn)acebook等)。 非常好用。
2.Zeplin (免費)
Zeplin 是面向設(shè)計師和前端工程師的標(biāo)注、Style Guide、備注文檔與簡單的團隊協(xié)作工具。
結(jié)語
以上,是我個人總結(jié)的最好用的網(wǎng)站設(shè)計工具。雖然并不是都免費,但以經(jīng)驗之談,這些工具都是你創(chuàng)建屬于自己的網(wǎng)站的好伙伴。希望對您的網(wǎng)站設(shè)計有幫助,也期待您在2018年設(shè)計出自己獨特的網(wǎng)站。
網(wǎng)站設(shè)計就選晟創(chuàng)網(wǎng)絡(luò)
你是否有注意到,你的網(wǎng)站上的正文文字太小了。當(dāng)桌面顯示器和手機屏幕的尺寸隨著科技的發(fā)展在變大變高清時,字號似乎沒能適應(yīng)或者說跟上這種變化,所以我們在觀看文本時,會覺得好像字號縮小了好多。雖然他們和原始尺寸是一樣的,但他們在感覺上比以前小好多。
使用大文本的案例
使用小字號一般是網(wǎng)站設(shè)計方面的老派概念。當(dāng)數(shù)字文字處理器的默認(rèn)大小為12點時,使用12點的字號作為主內(nèi)容文本字號的想法幾乎可以追溯到互聯(lián)網(wǎng)和數(shù)字花網(wǎng)頁的第一天。
不過,在那種情況下,由于屏幕不管是在尺寸上還是分辨率上也比現(xiàn)在的小很多。所以,對于12點的字號類型,在距你眼睛幾英尺的地方也可以提供清晰而且多的內(nèi)容閱讀。
使用超大字號作為頭條標(biāo)題和小標(biāo)題已經(jīng)流行較長的一段時間了,所以你的主內(nèi)容文本也需要跟上這個趨勢了。即使是關(guān)于網(wǎng)站分析,營銷和測試的博客Kissmetrics也注意到,大多數(shù)網(wǎng)站的字號都太小了。他們甚至稱之為“網(wǎng)頁設(shè)計的7大致命錯誤”之一。
這里有一個很大的原因:所有的網(wǎng)站建設(shè)項目都有一個共同的目標(biāo),就是當(dāng)一個用戶進(jìn)入到你的網(wǎng)站時,你必須立即吸引用戶的注意力。而小號的字號不會提供這樣一種機會。
它可以閱讀更容易
對于所有網(wǎng)站來說,可讀性永遠(yuǎn)都是是一件大事。你為什么要設(shè)計一個用戶難以閱讀的網(wǎng)站呢?
對于可讀性的第一課,是在實際的網(wǎng)站建設(shè)羨慕中挖掘和思考內(nèi)容字號的純數(shù)字度量。正文文本應(yīng)與屏幕上的其他內(nèi)容成比例,這樣用戶可以從“遠(yuǎn)處”就看到。
單列文本每行的長度在45到60個字符(包括標(biāo)點符號和空格)是大多數(shù)讀者的理想長度,這個標(biāo)準(zhǔn)也延用了很長的一段時間。因此,你需要考慮最常見的瀏覽器的大小,即你正在使用的列的寬度,并以大小符合該范圍的文本開始。然后記得要相應(yīng)的調(diào)整響應(yīng)的斷點。
對于較小的屏幕來說,這個范圍有些更緊密,大多數(shù)人都認(rèn)為較大的文字更好。
關(guān)于這一點的訣竅在于,創(chuàng)建一個舒適的閱讀量表。而且你要處理的文字越多,這就越重要。太寬的文字在閱讀時可能難以集中精力和用戶也不希望逐行多次閱讀;太窄的文字沒有一個很好的節(jié)奏,導(dǎo)致閱讀時眼睛移動太快,令人感覺疲憊。
它使設(shè)計更直觀
文本的大小同時有助于網(wǎng)站設(shè)計的整體可用性。
如果所有文本按比例縮放,較大的主內(nèi)容文本也有助于強調(diào)或突出其他在用戶界面上的元素的大小,它可以幫助整體流動。
更大的字號還將幫助你更好地決定內(nèi)容,并更有選擇地進(jìn)行編輯,這對用戶來說總是一件好事。這種精簡有助于將最重要的元素帶到設(shè)計的最前沿。請記住,你要把用戶的注意力想象成金魚的, 如果這樣,他們需要了解設(shè)計和如何與它進(jìn)行交互的一切必須一目了然。
這里還有另一個“支流”――通過使用大號類型的文本,它會鼓勵你重新考慮填充,照片放置以及排序。設(shè)計中的一切都將受益于重新思考尺寸的類型,因為它們是在同一個視覺層上創(chuàng)建的最終的產(chǎn)品。所有的編輯通過重新思考如何放置零件可以提高可用性,因為你實際上花時間來評估設(shè)計中的各個元素,而不是像通常那樣按照相同的方式擺放所有的東西。
它可以減少疲勞感
用戶在瀏覽網(wǎng)站時產(chǎn)生疲勞感這可能是一個真正的問題。大多數(shù)人整天都在看屏幕,從手機上到平板電腦,從電腦上工作到看電視。他們的眼睛很累。
更大的文字大小可以幫助減少一些長時間對著屏幕而產(chǎn)生的疲勞感。
屏幕疲勞的另一個常見來源是移動設(shè)備以及用戶必須跨越屏幕的元素。擁有較大尺寸和分辨率的手機這種問題不是很經(jīng)常出現(xiàn)。因為它很容易通過觸摸操控,較大的元素和正文可以幫助解決這個難題。
文本和其他用戶界面元素使用更大尺寸的另一個原因也很重要的,因為它有助于調(diào)整視覺顯示以匹配物理顯示,為用戶提供更多的舒適感。
公司
地址:赤峰市紅山區(qū)北環(huán)路26號
聯(lián)系電話:82228101 15147609030
推薦一個牛掰的設(shè)計網(wǎng)站,讓你的工作效率提高80%
為了讓你們能在領(lǐng)導(dǎo)面前秀一波操作,我決定給你們推薦一個非常Very超級無敵牛X的網(wǎng)站——See seed,因為這個網(wǎng)站涵蓋了國內(nèi)外所有優(yōu)秀的、與設(shè)計搭得上邊的網(wǎng)站,為你找素材、找圖片、找創(chuàng)意節(jié)省很多時間。
網(wǎng)址:https://seeseed/
接下來,我會根據(jù)該網(wǎng)站的分類,從必看、靈感、資訊、UI-UX、圖標(biāo)、圖庫、配色、字體、工具、社區(qū)中挑出3個最受歡迎的網(wǎng)站,推薦給大家。
靈感
1.Lapa:https://lapa.ninja/
Lapa——國外優(yōu)質(zhì)產(chǎn)品官網(wǎng)。它提供各類落地頁設(shè)計欣賞,旨在激發(fā)設(shè)計師的靈感、提高設(shè)計師的技能。該網(wǎng)站上的很多案例,都可以應(yīng)用到PPT設(shè)計中。
2.Abduzeedo:https://abduzeedo/
Abduzeedo——每日分享高品質(zhì)設(shè)計創(chuàng)意靈感。對于靈感匱乏的設(shè)計師來說,這個網(wǎng)站無疑可以解決你的燃眉之急。
Abduzeedo 上有很多PS、AI的教程,當(dāng)然還有 Conteplated 、Pixelmator 、Fireworks 等網(wǎng)頁設(shè)計教程。該網(wǎng)站吸引了超過10萬設(shè)計愛好者,幾乎每天的訪問量達(dá)300萬。
PS:這個網(wǎng)站的導(dǎo)航條其實是橫著的,我等了1個小時也沒加載出來,你們將就看看...
3.Bestwebsite:
https://bestwebsite.gallery/
Bestwebsite——設(shè)計感超棒的網(wǎng)站。你可以為 Bestwebsite 上所有的案例打分,滿分10分,還可以點擊鏈接體驗該網(wǎng)站的設(shè)計,尋找靈感必備啦。
資訊
1.Heydesigner:https://heydesigner/
Heydesigner——設(shè)計師與前端一起充電的網(wǎng)站。顧名思義,該網(wǎng)站更適合設(shè)計師和前端工程師瀏覽,網(wǎng)站的Logo也跟充電的圖標(biāo)差不多。設(shè)計在很多方面都是相通的,我們也可以從這個網(wǎng)站上得到很多有創(chuàng)意的靈感。
2.Panda:http://usepanda/app/#/
Panda——全而美的設(shè)計文摘訂閱平臺。Panda 跟 Seedseed 相似,都是各類設(shè)計網(wǎng)站的合集,該網(wǎng)站上的文章具有時效性,你可以看到全球的設(shè)計師寫的文章,不過你得翻譯一下。
3.Lizhi:http://lizhi.fm/1852153/
Lizhi——字體排印主題,中文博客節(jié)目。Lizhi是一個類似于抖音、一直播的直播平臺,網(wǎng)站設(shè)計很簡單,不用登陸就可以聽節(jié)目。在這里,你或許可以聽到很多字體設(shè)計的知識點,應(yīng)該比看書有趣。
UI-UX
1.Uigarage:https://uigarage/
Uigarage——高級美,UI設(shè)計靈感炸裂之地。該網(wǎng)站大概有40種設(shè)計類別,涵蓋:IOS、Andriod、Web等,簡直是UI設(shè)計師的靈感寶地啊。
2.Hoverstat:https://hoverstat.es/
Hoverstat——Web交互動畫設(shè)計欣賞。如果你是做網(wǎng)站設(shè)計的,建議你經(jīng)常瀏覽一下 Hoverstat 。跟 Bestwebsite 一樣,可以在線體驗網(wǎng)站的設(shè)計。
如果你將鼠標(biāo)置于圖片上方,停頓一秒以后,會自動播放網(wǎng)站的效果,可以說很方便了。
3.Land-Book:https://land-book/
Land-Book——只收錄全球最佳設(shè)計網(wǎng)站。該網(wǎng)站上的設(shè)計網(wǎng)站值得所有設(shè)計師參考,它支持用戶創(chuàng)建賬號收藏自己喜歡的作品,作為靈感庫。
圖標(biāo)
1.Iconfont:http://iconfont/plus
Iconfont 又稱為“阿里巴巴矢量圖標(biāo)庫”——支持多種格式(SVG/AI/PNG)圖標(biāo)下載,圖標(biāo)可轉(zhuǎn)字體。這個網(wǎng)站大家都熟透了,我就不一一介紹了。
2.IconJar:https://geticonjar
IconJar——成套優(yōu)質(zhì)簡潔 Icon 素材免費下載。海量簡約圖標(biāo)任你下載,不過,下載了很多圖標(biāo),找起來很麻煩?Iconjar 可以幫你解決這個問題。下載 IconJar 工具,打開之后如下圖(該軟件只能用MAC系統(tǒng)打開):
操作步驟:打開 IconJar → 點擊【 “+” Add Icons】新建目錄 → 將你的圖標(biāo)全部導(dǎo)入新建的文件夾,命名。在你需要找 icon 的時候打開 IconJar ,直接把你想要的 icon 拖進(jìn)這個界面,就可以快速找到你想要的 icon 了。是不是炒雞方便呢?這個時候需要去買個蘋果電腦了...
3.Icon Store:https://iconstore.co/
Icon Store——一流設(shè)計師出品的精美 icon。28種常用的圖標(biāo)類型,用來做PPT足矣。有的圖標(biāo)還可以拿來做表情包~
PS:無需登錄即可下載
圖庫
1.Pexels:https://pexels/
Pexels ——4萬+免費商用美圖。Pexels 是一個致力于為用戶提供海量共享高清圖片素材的網(wǎng)站,每周都會定量更新。它所有的圖片都會顯示詳細(xì)的信息,例如:拍攝的相機型號、光圈、焦距、ISO、圖片大分辨率等,高清大圖質(zhì)量很不錯的。
2.攝圖網(wǎng):https://magdeleine.co/browse/
攝圖網(wǎng)——正版高清攝影圖免費下載。攝圖網(wǎng)是一家專注正版攝影高清圖免費下載的圖庫,有攝影師5000+入駐,一百萬以上的圖片量,一百萬以上的設(shè)計師,在這里你可以找到滿意的圖片素材和設(shè)計靈感。
PS:非會員每天只能下載一張高清圖片
3.500px:https://500px/
500px——全球著名攝影師圖片展示和售賣平臺。500px 是一個致力于攝影分享、發(fā)現(xiàn)、售賣的專業(yè)平臺。找素材的同時還能學(xué)攝影,一舉兩得啊。
PS:該網(wǎng)站上的圖片商用請購買版權(quán),它還有Android客戶端哦~
配色
1.Adobe Color:
https://color.adobe/zh/create/color-wheel/
Adobe Color——Adobe 官方在線配色工具。拉動上圖中的色環(huán),可以自動生成配色方案,【探索】里也有很多配色方案供你參考。
2.Colorhunt:http://colorhunt.co/
Colorhunt——每天一組新鮮配色靈感。該網(wǎng)站配色方案的排列方式(除 New 中的配色方案)都取決于用戶的瀏覽次數(shù),所以你打開網(wǎng)站之后,一眼就可以看到別人喜歡的配色方案是什么樣的啦。
3.Webdesignrankings:
webdesignrankings/resources/lolcolors/
Webdesignrankings——好看得哭出來的配色方案。65種配色方案,任你挑選。鼠標(biāo)靠近“小水滴”的時候,會自動出現(xiàn)色值。
相關(guān)閱讀:7種配色方案
字體
1.Myfonts:http://myfonts/
Myfonts——字體設(shè)計靈感。這個網(wǎng)站適合手動黨(想自己設(shè)計字體的人)尋找靈感,不過都是英文字體,我們可以學(xué)習(xí)它呈現(xiàn)出來的效果,將其設(shè)計理念運用到中文字體中。
2.Urbanfonts:
https://urbanfonts/
Urbanfonts——免費英文字體搜索下載。這個網(wǎng)站適合“懶癌患者”,可搜索你喜歡的英文字體,點擊下載即可。
3.Hellofont:
http://hellofont/index.php
Hellofont,又名“字由”——超好用的字體管理工具。Hellofont 里有很多文章,可以幫你解決字體運用的諸多問題。不過,下載字體需安裝字由的客戶端。
PS:每個案例下方都有字體的使用方法;該網(wǎng)站上的字體僅限PS、AI使用
相關(guān)閱讀:用對了字體,你的PPT逼格就上去了
工具
1.LogoJoy:https://logojoy/
LogoJoy——根據(jù)喜好在線生成個性Logo。Logojoy 是一款利用人工智能幫你完成所有Logo設(shè)計的工具,其生成的創(chuàng)意可以提供給真實的設(shè)計公司。如果你喜歡該網(wǎng)站的Logo設(shè)計,可以點擊“現(xiàn)在購買”,價格大約在65美元。
2.Tinypng:https://tinypng/
Tinypng——在線壓縮PNG/JPG。Tinypng 的壓縮質(zhì)量非常不錯,在保持alpha 通道的情況下對PNG的壓縮可以達(dá)到70%,而且用肉眼是看不出與原圖有什么區(qū)別的。
3.Ant Motion:https://motion.ant.design/
Ant Motion——動效設(shè)計解決方案。喜歡動效設(shè)計的設(shè)計師們看過來,Ant Motion 是一款以 React 組件來實現(xiàn)動畫效果的工具,用 Ant Design 實現(xiàn)頁面后,可以很輕松地增加頁面里的動畫效果。該網(wǎng)站上的動效很牛X,先定個小目標(biāo):1年后做出這樣的效果。
社區(qū)
1.Zcool:http://zcool/
站酷——國內(nèi)設(shè)計師學(xué)習(xí)和交流的平臺。深耕設(shè)計領(lǐng)域十年,站酷上聚集了470萬優(yōu)秀設(shè)計師、攝影師、插畫師、藝術(shù)家、創(chuàng)意人,設(shè)計創(chuàng)意群體中具有較高的影響力與號召力。反正有事沒事兒都去站酷上溜達(dá)溜達(dá),每次都有新收獲。
2.UI中國:http://ui/
UI中國——國內(nèi)UI設(shè)計垂直社UI區(qū)。UI中國的會員均為職業(yè) UI 設(shè)計師,覆蓋全國互聯(lián)網(wǎng)公司。有創(chuàng)意可以去比一比,沒創(chuàng)意可以去找一找。
3.Gracg:https://gracg/
Gracg,又名“涂鴉王國”——國內(nèi)原創(chuàng)繪畫社交網(wǎng)站。涂鴉王國是國內(nèi)精英插畫師社交網(wǎng)站,以原創(chuàng)插畫為主要核心內(nèi)容,作品風(fēng)格多樣,涉及使用行業(yè)廣泛。喜歡插畫的小伙伴可以去吸一波圖了!
必看
1.Dribbble:https://dribbble/
Dribbble——全球優(yōu)秀設(shè)計師最佳交流展示平臺。該網(wǎng)站上的設(shè)計偏 UI ,其畫風(fēng)也是最流行的,我特別喜歡這個網(wǎng)站。你可以在 Dribbble 上找到非常多有意思的創(chuàng)意。
2.Behance:https://behance/
Behance——Adobe 旗下設(shè)計師交流平臺。Behance 上的創(chuàng)意設(shè)計人士可以展示自己的作品,發(fā)現(xiàn)別人分享的創(chuàng)意作品(上面有許多質(zhì)量上乘的設(shè)計作品),相互還可以進(jìn)行互動(評論、關(guān)注、站內(nèi)短信等)。
Dribbble 和 Behance 上的圖片質(zhì)量超級高,導(dǎo)致網(wǎng)頁打開非常極度異常緩慢,除此之外我都很滿意!
3.花瓣:http://huaban/
花瓣——優(yōu)美圖集,點亮靈感。花瓣可以說是圖片素材領(lǐng)導(dǎo)者,幫你采集、發(fā)現(xiàn)網(wǎng)絡(luò)上你喜歡的事物,不得不說激發(fā)了老夫的少女心。
看完這篇文章,你只需要記住 See seed 就夠了,趕緊給自己的收藏夾瘦個身吧。不過,你可能會問我:這些跟PPT有什么關(guān)系?其實,學(xué)設(shè)計不僅要學(xué)習(xí)生硬的知識,還需要拓寬自己的視野,這樣你的靈感才不會枯竭。
以上網(wǎng)站都不需要翻墻,如果你打不開網(wǎng)頁,請檢查你的網(wǎng)絡(luò)。
2018最新的網(wǎng)站設(shè)計趨勢
有時候我們可以看到一些新網(wǎng)站,了解網(wǎng)站設(shè)計者的想法,你可以感受到網(wǎng)站的氣氛,網(wǎng)站設(shè)計的趨勢,大膽使用的色彩,傳統(tǒng)的頭部導(dǎo)航現(xiàn)在被慢慢拋棄,并被一些動畫模式所取代。你覺得怎么樣它是使用更細(xì)長的字體,或者使用更詳細(xì)的細(xì)節(jié),或者使用圖標(biāo)風(fēng)格的logo。也許會有一些新的想法。
網(wǎng)站設(shè)計1彩虹色
當(dāng)你聽到彩虹的顏色時,你首先想到的可能不是好的設(shè)計。因為過去有很多例子,因為彩虹著色的使用,最終的結(jié)果是,坦白說,是一個非常災(zāi)難性的設(shè)計。然而今天,彩虹著色不再是災(zāi)難。它們既美觀又簡單,在復(fù)雜度上只使用彩虹色。彩虹匹配不僅適用于小型網(wǎng)站,而且適用于一些大品牌。例如,Gigthub會議中心、西南航空公司、倫敦文法公司都使用有趣的彩虹匹配方案。礦石有趣的是,每個設(shè)計使用不同的表達(dá)方式,但使用相同的顏色概念。黑色背景匹配彩虹錐形字體元素:GITHUB使用簡潔的暗美學(xué)背景來匹配錐形文本信息。用戶界面元素從關(guān)鍵信息中吸引用戶眼球(如日期)和最關(guān)鍵的門票按鈕,彩虹變得簡單而微妙,充滿機會和樂觀。這似乎是鼓勵用戶購買機票的正確方式。西南航空公司使用的背景是彩虹背景元素,同一字體也逐漸使用填充,梯度符號為網(wǎng)站提供了一個視覺焦點,內(nèi)容比較乏味,顏色G。艾夫斯對文本有一定的生命力,幫助用戶點擊。倫敦文法背景采用一個巨大的彩虹錐形球,并伴隨著音樂,像水滴一樣移動和變化,視覺上吸引用戶告訴他們與Spotify合作。元素的變化是非常有趣的。婷,但色彩是最先吸引用戶的。
網(wǎng)站設(shè)計2。傳統(tǒng)網(wǎng)站的第一個屏幕的下降
或者頭部設(shè)計多年來頭部的設(shè)計,已經(jīng)很多年了,但是現(xiàn)在許多設(shè)計師開始使用更緊湊的滾動結(jié)構(gòu),更多的元素和更少的組成。In字體與浮動元素混合,一些視覺效果很有趣,一般來說,協(xié)調(diào)感會降低
傳統(tǒng)的第一個屏幕的衰落是看起來很好,非常不同,問題是是否有足夠的信息傳遞他們的興趣,或者用戶會對一個不太直觀的網(wǎng)站體驗做出積極的反應(yīng)。這是一個值得注意的趨勢,因為他可能在耳邊。在進(jìn)化的階段,設(shè)計師們準(zhǔn)備做一些不同的事情是可以理解的。通過嘗試成為新事物的第一步,到目前為止,在這些概念設(shè)計中,設(shè)計者可能沒有很好地完成一些組合,并且不值得期待這一趨勢。
網(wǎng)站設(shè)計3。黑暗模式動畫
這可能是網(wǎng)頁設(shè)計中最有趣的設(shè)計趨勢:暗動畫效果在視覺層面上是有趣而神秘的,通過不同的表現(xiàn)水平,另一方面,動畫模式的組合也可以讓用戶參與設(shè)計。在不同的情況下,使用不同的方式來運行大小和動畫。下面的例子以不同的方式使用暗動畫效果。從某種意義上說,設(shè)計者希望用戶更頻繁地交互,而移動鼠標(biāo)會得到意想不到的結(jié)果和驚喜。雖然這些設(shè)計看起來很酷,但它們也會出現(xiàn)。有一些挑戰(zhàn),不是所有的用戶都有這種深色的美學(xué)。在某些情況下,它可能不是很好。但是設(shè)計師想做一些不同的表達(dá)時尚或心情的事。暗色的組合可能不會有太多的色彩吸引你,而且優(yōu)點是T。有顏色的東西突出了焦點,而黑色圖像的水平對比度是不一樣的。
網(wǎng)站設(shè)計讓人難忘的網(wǎng)站秘訣
任何網(wǎng)站都有一個目標(biāo):讓用戶一次又一次的回訪、分享你的網(wǎng)站內(nèi)容、經(jīng)常登錄你的網(wǎng)站、告訴別人你的網(wǎng)站,重要的是他們會記得你的網(wǎng)站。這一切是不會偶然發(fā)生的。一個讓人難忘的設(shè)計是一個會幫助你和用戶建立聯(lián)系的工具?,F(xiàn)在,我們將要舉例七個極好的方法來告訴你如何給客戶留下一個讓持久難忘的印象。
1.創(chuàng)造一個記憶點
)用戶會記得他們在你的網(wǎng)站上做的第一件事和最后一件事,這是一個非常重要的記憶點。強烈視覺沖擊的首頁和完美的交互是關(guān)鍵。Tosco Music網(wǎng)站就是一個很棒的用有趣的視覺效果來開頭給用戶留下第一印象的例子?!ぷ髠?cè)導(dǎo)航·各要素之間的強烈對比·有沖擊力的視頻內(nèi)容滾動播放·漂亮的排版這個網(wǎng)站的設(shè)計也做了一個良好的結(jié)尾印象。用戶可以找到更多他們感興趣的音樂表演或者被邀請用簡單的形式注冊公司電子郵箱。網(wǎng)站交互簡單流暢,也就是讓用戶對網(wǎng)站流連忘返的原因。
2.講故事網(wǎng)站是你了解世界的一個途徑。
它是一個告訴別人你是誰和為什么你很重要的機會。無論這個故事是一個品牌故事還是一個旅游博客,故事講得生動有趣就會讓用戶緊緊跟著你的思路走下去。講一個好故事需要兩個步驟:·講述生動的內(nèi)容·展示趣味性的圖片你需要把這兩個元素完整的打包結(jié)合。Walkwest 網(wǎng)站先用一個大膽的聲明來開頭,繼而再告訴你一個故事。如果你需要他們的服務(wù)(公關(guān)或者營銷),就會有一些引起你共鳴的東西。他們講故事的方式就是用簡單的圖片和簡短的語言。但不僅僅是網(wǎng)站講故事,它還用頁面滾動和視覺設(shè)計的的形式引導(dǎo)你去貫穿整個故事。用戶會在交互過程中了解更多,而這一切不過僅僅發(fā)生在幾秒之間。這就是讓人記住的講故事。
3.有效的使用顏色
太多的顏色和設(shè)計會導(dǎo)致用戶放棄瀏覽網(wǎng)站,太少的顏色和設(shè)計會容易讓人遺忘。恰到好處的顏色搭配融合才能留住用戶。顏色使用的竅門就是創(chuàng)建一個適合你內(nèi)容的調(diào)色盤且與用戶經(jīng)常接觸從而對比得出的很多其他東西(想一想你平時每天點擊的網(wǎng)站有多少相同顏色的藍(lán)色背景。)Hillman Living網(wǎng)站使用鮮明顏色來突出圖像以便抓住你的注意力,幫助用戶集中在圖像中的椅子(就是他們賣的東西)傳統(tǒng)簡約風(fēng)格的下滑頁面和審美——使用白色背景——但每個椅子同樣會有顏色重點。這個顏色會與你相隨,你很難讓這些橙色紅色藍(lán)色脫離你的腦海。(他們公司賭你會覺得這些值得你購買。)
4.讓網(wǎng)站變得好玩
當(dāng)你想到“好玩的網(wǎng)站”的時候腦海中會出現(xiàn)什么?一個游戲?一個電影片段?那設(shè)計技術(shù)呢,比如顏色、影像和排版?以下任何一個要素都可以讓你的設(shè)計變得有趣!·圖片和影像中的笑臉·明亮飽滿的色彩·有東西可以玩(比如游戲)·一些幽默風(fēng)趣的語言(尤其是用這類的字體)Newcastle Now網(wǎng)站就做了很多這樣的東西。這個網(wǎng)頁就是一個嘗試改造它自身和關(guān)于趣味設(shè)計的地方,從調(diào)色板到奇特造型,都是圖像上實現(xiàn)有趣互動從而讓人們感到愉悅的設(shè)計元素。這些設(shè)計會讓你覺得想要跳進(jìn)現(xiàn)場和屏幕上的人物們一起大笑。(我敢打賭你一定會記住它?。?/p>
5.與感官相聯(lián)系
這個網(wǎng)站的所有文字和圖像都圍繞用戶的感官感受聯(lián)系展開的。有一種方式是與用戶互動及提供反饋。舉個例子,一個用戶在網(wǎng)站上輸入一些東西然后得到一些回復(fù)。(想象成你和朋友之間的短信來往。)還有一個方式是就像Coffee Times Coffee這個網(wǎng)站一樣引導(dǎo)他們思考你的設(shè)計。當(dāng)你看到主頁上那個視頻的時候,沒有一個喝咖啡的人會說似乎沒聞到香味(甚至有些會說還能聽到磨咖啡豆的聲音。)無論如何,設(shè)計對用戶來說不僅僅是屏幕上的一個圖像,它更是調(diào)動了感官愉快記憶。(它應(yīng)該會持續(xù)一段時間至少到你下次喝咖啡的時候)
6.搭配結(jié)合
一些網(wǎng)站設(shè)計常常有新的內(nèi)容更新,因為他們確實有重復(fù)的客戶群體。(一般像電子商務(wù)網(wǎng)站,還有新聞或雜志類型的網(wǎng)站)更新內(nèi)容或者調(diào)整設(shè)計會讓用戶有全新的有趣體驗,這會鼓勵他們經(jīng)常思考和回訪你的網(wǎng)站。這個關(guān)鍵就在于你的內(nèi)容和設(shè)計如何讓人有全新體驗(所以這會很棘手。)Nike網(wǎng)站是這個領(lǐng)域的領(lǐng)先者之一。首頁的內(nèi)容幾乎每次訪問都不同,但每個新的主頁元素都同樣的有吸引力。Nike另一個做得很好的東西是主頁中內(nèi)容的每一點都與時事結(jié)合,用戶就會從這個全球體育設(shè)備零售供應(yīng)商這里獲取到時事信息。你可能沒有耐克的資源,但它可以作為一個很好的收集信息和靈感開始。下個月開始可以每周訪問主頁或者看一下改變的地方,你會如何把這些想法和你的內(nèi)容結(jié)合起來呢?
7.別忘記結(jié)尾
如果你的主頁想讓設(shè)計師高興,除了要有震撼的視覺沖擊,有很棒的交互動作,但別忘了結(jié)尾的部分。跟第一印象一樣,網(wǎng)站給人的最后印象也是很重要的。知道如何設(shè)計這個要多做一點工作了,因為比起用戶點擊進(jìn)入你的網(wǎng)站,用戶可能從不同的位置離開你的網(wǎng)站。挖掘你的數(shù)據(jù)分析和找到最多用戶離開的那個頁面是一個不錯的經(jīng)驗。創(chuàng)建一個可以提供給用戶的東西——超低折扣或者數(shù)字元素——或者你網(wǎng)站最好的部分持久的記憶。關(guān)鍵是用戶是愉快的離開。(確保他們不是因為網(wǎng)站的錯誤而離開也是很重要的)Startup Lab網(wǎng)站里每一頁的左側(cè)都有一個結(jié)束動作——它是一個期待用戶去填寫的表格。這個結(jié)尾讓人印象深刻,因為這個動作很容易被發(fā)現(xiàn),表格填寫也很簡單,無論用戶在頁面哪里都只需要點擊兩下就能完成了。
總結(jié):讓人難忘的網(wǎng)站設(shè)計是一個棘手的事情,因為它幾乎都是發(fā)生在用戶潛意識下的。難道你會停下來說“我準(zhǔn)備要記住這個網(wǎng)站了”嗎?這個是不可能的。但是你確實會記住一些讓網(wǎng)站看起來非常棒的元素。晚一點的時候你可以想想這些信息,或者你下午想喝杯咖啡的時候。
本文是深圳佰達(dá)科技公司為您整理!
高端網(wǎng)站設(shè)計:9個排版超贊的網(wǎng)站分享
技巧也學(xué)習(xí)一點的了,今天小編就分享一點干貨了,這幾個英文站在UI設(shè)計方面做得很好的,我覺得一個網(wǎng)站在搭建的初期就應(yīng)該好好地策劃下整體的一個感受以及設(shè)計會不會給程序帶來負(fù)擔(dān),當(dāng)然前端與后臺的交流是分不開的,下面的這九組福利還是很不錯的,小編在周末放假的第一天也并沒有閑著,風(fēng)享ui設(shè)計、時尚設(shè)計、APP設(shè)計等等時尚設(shè)計就是我的樂趣,對此我樂此不疲,小編也是需要學(xué)習(xí)的不然肯定會被慢慢超越的,建議多關(guān)注的設(shè)計博主分享,歡迎關(guān)注--樂活大器姐,就算是刷刷頭條也可以學(xué)習(xí)何樂不為呢,趁著年輕多學(xué)習(xí)才會更加的好,小編這里提醒各位小假期也不要忘記學(xué)習(xí)呀!9個精美的公司、工作室網(wǎng)站分享給你,讓你的創(chuàng)意靈感在周末假期也換換氣。
樂活大器姐-時尚UI設(shè)計越學(xué)越樂活,歡迎關(guān)注小編哦!每天閱讀一點點,設(shè)計角度多一點點!
2018網(wǎng)站設(shè)計依然流行成品網(wǎng)站系統(tǒng)?
2018年網(wǎng)站設(shè)計行業(yè)用工成本持續(xù)上升,微信公眾號開發(fā),APP制作需求依舊火熱,企業(yè)互聯(lián)網(wǎng)個性化應(yīng)用需求有增加的跡象。
不記得什么時候興起了用現(xiàn)成網(wǎng)站系統(tǒng)做網(wǎng)站,它的缺點不再闡述,在百物騰貴的時候,它的優(yōu)點還是很突出的。如果將網(wǎng)站設(shè)計與茶葉相比,網(wǎng)站的個性化系統(tǒng)定制,就如傳統(tǒng)普洱茶餅茶,有剛需的懂得投資收藏的一定買餅茶,而要做網(wǎng)絡(luò)推廣的一定做個性化網(wǎng)站設(shè)計。近些年實體茶商總抱怨實體店生意難做,買茶的人越來越少。有沒有發(fā)現(xiàn)網(wǎng)上茶葉的銷量不錯?賣得好的往往是快消品或者沒有收藏價值的普洱茶,為什么會這樣呢?市場和消費結(jié)構(gòu)在改變,這個時候從業(yè)者只能適應(yīng)。就如上圖所示PC+手機網(wǎng)站系統(tǒng)模板費用才3百多元,定制可能嗎?就如普洱茶、小青柑、紅茶、大紅袍、綠茶在某寶上多是幾拾元一斤的,而且銷量極大,你要不懂的人去試買餅幾百元的茶合適嗎?所以SNL網(wǎng)絡(luò)公司小編預(yù)計,2018網(wǎng)站設(shè)計依然流行成品網(wǎng)站系統(tǒng)。歡迎留言交流!
不錯的設(shè)計相關(guān)網(wǎng)站推薦(建議收藏)
素材網(wǎng)站
http://51yuansu/
90sheji/sucai/12838740.html
16sucai
17sucai
97ui
500px/popular
flickr/explore
picjumbo
pexels
designerspics
socwall
unsplash
gratisography
pixabay
jaymantri
foodiesfeed
getrefe.tumblr
zoomwalls
wallpaperswide
travelcoffeebook
iconfont
字體網(wǎng)站
qiuziti
http://font.chinaz/
gogoup/course/30/
51poca
epinv/online
akuziti/mb
ziticq/shufa
2ilt
ui/detail/40260.html
fontke
http://51yuansu/?z=jcecxafgi
代碼網(wǎng)站
helloweb.wang
hack 查詢: browserhacks
模板下載: http://cssmoban
jquery 網(wǎng)站: htmleaf
靈感網(wǎng)站
http://zcool/
http://ui/
http://huaban/
http://thedieline/
https://behance/
http://stefanglerum/Obey-Artist-Series
http://pokedstudio/illustration.html
http://cargocollective/favorites
https://dribbble/
圖庫網(wǎng)站
復(fù)古圖庫: http://raumrot
風(fēng)景圖庫: http://unsplash
黑白圖庫: http://magdeleine.co
美食圖庫: http://foodiesfeed
人物圖庫: http://picography.co
歐洲景觀: http://lifeofpix
綜合圖庫: http://gratisography
日系圖庫: https://pakutaso
京東圖庫: http://tokyo-date
攝影圖庫: http://nos.twnsnd.co
http://superfamous
http://publicdomainarchive
http://gratisography
http://picjumbo/page/5
http://jaymantri
http://picjumbo
http://imcreator/free
http://deathtothestockphoto
http://pixabay
http://publicdomainarchive
http://snapographic
http://photock.jp/category
http://tokyo-date
http://sozaing
http://pexels
博客色彩
阿里 UED : http://aliued
網(wǎng)秦 UEC : http://uec.nq
百度 MUX : http://mux.baidu
暢游 CDC : http://vc.changyou
騰訊 MXD : http://mxd.tencent
騰訊 CDC : http://cdc.tencent
騰訊 ISUX : http://isux.tencent
應(yīng)酷設(shè)計: http://blog.enqoo
騰訊游戲: http://tgideas.qq
騰訊 UED : http://ued.qq
圖月志: http://iconmoon/blog2
可樂橙: http://colachan
有一點: http://aliued
攜程 UED : http://ued.ctrip
百度 UED : http://ued.baidu
劉津 blog : http://blog.sina/u/1161626144
網(wǎng)易 UEDC : http://uedc.163
阿里媽媽 MUX : http://mux.alimama
疊柔配色法: http://t/RPerWhy
色彩之冷色: http://t/R7ldI6Y
色彩冷科學(xué): http://t/R73WefN
圖片取色配色: http://t/R7QMSKi
色彩設(shè)計方法: http://t/Rzag6lZ
色彩搭配思維: http://t/RzDdHde
安全配色指南: http://t/RAnjhDc
選色配色規(guī)律: http://t/RUEOYWn
扁平插畫配色: http://t/RcWSMjQ
中國傳統(tǒng)色譜: http://t/RcWSVnh
云配色: http://card.qdsay
好色度: http://haosedu
扁平化配色: http://color.koya.io/
在線漸變色: http://uigradients
日本傳統(tǒng)色: http://nipponcolors
中國色彩寶典: http://t/RPDSJeq
日本色彩寶典: http://nicopon
抓取圖片顏色: http://colorfavs
MaterialDesign 配色方案: http://t/RcWStK9
疊柔配色法: http://t/RPerWhy
色彩之冷色: http://t/R7ldI6Y
色彩冷科學(xué): http://t/R73WefN
圖片取色配色: http://t/R7QMSKi
色彩設(shè)計方法: http://t/Rzag6lZ
色彩搭配思維: http://t/RzDdHde
安全配色指南: http://t/RAnjhDc
選色配色規(guī)律: http://t/RUEOYWn
扁平插畫配色: http://t/RcWSMjQ
中國傳統(tǒng)色譜: http://t/RcWSVnh
云配色: http://card.qdsay
好色度: http://haosedu
扁平化配色: http://color.koya.io/
在線漸變色: http://uigradients
日本傳統(tǒng)色: http://nipponcolors
中國色彩寶典: http://t/RPDSJeq
日本色彩寶典: http://nicopon
抓取圖片顏色: http://colorfavs
MaterialDesign 配色方案: http://t/RcWStK9
簡書: http://jianshu
知乎: https://zhihu
虎嗅: http://huxiu
36 氪: http://36kr
愛范兒: http://ifanr
威鋒網(wǎng): http://feng
設(shè)計趨勢: http://tuyiyi/show-70
邏輯思維: http://i.youku/u/UNTEzNTY1OTgw
極客公園: http://geekpark
好奇心日報: http://qdaily
tuyiyi/hao
你知道這些好用的設(shè)計網(wǎng)站嗎?
工欲善其事,必先利其器。
無論是設(shè)計還是寫作,需要建立自己的資料庫。
在創(chuàng)作的過程中,為了能夠很好的去搜尋到自己所要的資料。
于此,我把自己經(jīng)常用到的關(guān)于設(shè)計靈感、設(shè)計素材、配色方案等設(shè)計網(wǎng)站推薦給大家。
有了這些網(wǎng)站,你們幾乎都不需要設(shè)計老師了!
一、設(shè)計靈感類。
1.花瓣網(wǎng)
http://huaban/all/
這個網(wǎng)站對于很多設(shè)計師都是熟知的,是很多設(shè)計師的靈感來源?;ò昃W(wǎng)除了尋找靈感之外還有一個很重要的功能插件?!ò瓴杉?。
運用花瓣采集工具可以采集你在瀏覽網(wǎng)頁時候看到的任何你個人比較喜歡的圖片,將相同風(fēng)格的圖片采集在畫板,日后自己需要這方面素材的時候點開查看,便是滿滿的靈感素材啊。
2.站酷網(wǎng)
http://zcool/
站酷(ZCOOL),中國人氣設(shè)計師互動平臺。深耕設(shè)計領(lǐng)域十年,站酷聚集了470萬優(yōu)秀設(shè)計師、攝影師、插畫師、藝術(shù)家、創(chuàng)意人。站酷網(wǎng)入駐了很多設(shè)計師,每個人都可以在上面發(fā)表自己的作品,打造自己的品牌,也可以根據(jù)其他人發(fā)出來的作品尋找靈感。
3.蘇打蘇塔
http://sudasuta/
蘇打蘇塔是一個關(guān)于創(chuàng)意設(shè)計,設(shè)計,插畫,藝術(shù)攝影,lomo,素材,教程,web,靈感來源,平面設(shè)計欣賞的綜合性網(wǎng)站。
4.致設(shè)計
http://zhisheji/
致設(shè)計網(wǎng),中國最大的電商設(shè)計師交流平臺.電商設(shè)計大師們都潛伏于此,聚集了中國絕大部分的80,90電商設(shè)計師,在此分享了他們的店鋪設(shè)計,創(chuàng)意設(shè)計。
5.古田路九號。
http://gtn9/index.aspx
古田路9號網(wǎng)站,品牌創(chuàng)意版權(quán)保護(hù)平臺。國內(nèi)專業(yè)品牌創(chuàng)意平臺,以版權(quán)保護(hù)為基礎(chǔ),品牌為核心,集創(chuàng)意作品分享、活動招聘發(fā)布、廣告推廣、正版字體下載等。
二、設(shè)計素材類。
1.千圖網(wǎng)
http://58pic/
千圖網(wǎng)提供矢量圖素材,矢量背景圖片,矢量圖庫,還有psd素材,PS素材,設(shè)計模板,設(shè)計素材,PPT素材,以及網(wǎng)頁素材,網(wǎng)站素材,網(wǎng)頁圖標(biāo)等。部分素材是免費的。
2.千庫網(wǎng)
http://588ku/
專注于免費的PNG圖片素材下載,里面的素材質(zhì)量也是相當(dāng)不錯的。對于普通的用戶,每天的下載數(shù)量也是有限制的,這個網(wǎng)站下載的素材就是可以直接拿來用,免去復(fù)雜的摳圖步驟啦。
3.素材中國
http://sccnn/
素材中國打造中國最優(yōu)秀平面設(shè)計素材網(wǎng)站。素材天下,提供平面設(shè)計,免費設(shè)計素材。里面的素材質(zhì)量挺高而且是免費的哦。
4.懶人圖庫
懶人圖庫專注于提供網(wǎng)頁素材下載,其內(nèi)容涵蓋網(wǎng)頁素材,矢量圖素材,圖標(biāo)等。
5.90設(shè)計
http://90sheji/
90設(shè)計是專注電商設(shè)計的淘寶素材庫,設(shè)計交流、學(xué)習(xí)與分享一體的平臺,讓電商設(shè)計(淘寶美工)找靈感和素材更效率。
三、色彩搭配。
1.中國色
http://zhongguose/#meiguihui
提供各種中國的傳統(tǒng)顏色的名稱,CMYK值,RGB值,16進(jìn)制表示。
2.配色網(wǎng)
http://peise/
配色網(wǎng)是交流色彩的專業(yè)網(wǎng)站,致力于設(shè)計,網(wǎng)頁,家居,時尚,服飾等方面色彩理論的學(xué)習(xí)和提高,并提供大量優(yōu)秀配色方案,為色彩構(gòu)成學(xué)習(xí)者提供免費資料。
3.Color Hunt
http://colorhunt.co/
ColorHunt網(wǎng)站是一個致力于幫助產(chǎn)品設(shè)計師們更好的選擇顏色搭配組合的站點,從互聯(lián)網(wǎng)中收集了海量的完美色彩組合,你可以把這些顏色組合運用到任何產(chǎn)品設(shè)計項目.
給大家推薦的這些網(wǎng)站都是在我自己日常設(shè)計中經(jīng)常用到的。希望對大家有所幫助。
優(yōu)質(zhì)的實習(xí),盡在實習(xí)僧APP!
https://shixiseng
作者:MY麥子
來源:簡書
55個漂亮的藍(lán)色風(fēng)格網(wǎng)站設(shè)計作品欣賞(上篇)
藍(lán)色是光的三原色中的一元,是最冷的色彩,非常純凈,通常讓人聯(lián)想到海洋、天空、水、宇宙。純凈的藍(lán)色表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。今天,本文收集了一些優(yōu)秀的藍(lán)色風(fēng)格的網(wǎng)站設(shè)計作品與大家分享,一起欣賞。
Morphix
Critical Zero
Eric Campbell / Est.86
FeedStitch
Blackwave Creative
yooda
z-index.it
thepixel/blog
Skype
unblab
twitter101
reichweite.cc
Owltastic
Squaredeye
polargold
Frenzy Labs
Elbow Park
CampaignMonitor
backbeatmedia
Eighty Two Design
Bounty Bev
Visual Notion
Maniac Monkey Media
Black Sea Fishery
Orion Advisor
barackobama
bartelme
mozilla
2creative
本頁內(nèi)容為企業(yè)、個人自主上傳或來源網(wǎng)絡(luò),所有資料僅供用戶參考;我單位不對其版權(quán)負(fù)責(zé)、不保證亦不表示本網(wǎng)的資料全面及準(zhǔn)確無誤,也不保證亦不表示這些資料為最新信息,如因任何原因,本網(wǎng)內(nèi)容或者用戶因倚賴本網(wǎng)內(nèi)容造成任何損失或損害,我單位將不會負(fù)任何法律責(zé)任。