業(yè)務簡介:中企動力(300.cn)為您提供網站建設、網站制作、網頁設計及定制高端網站建設服務,中企動力專注于企業(yè)網站建設、高端網頁制作領域26年,對企業(yè)網站制作、平臺高端網站建設,包括汽車、家裝、農業(yè)、外貿、機械等多個行業(yè)擁有豐富建站經驗,選擇中企動力,為網站保駕護航。
不錯的設計相關網站推薦(建議收藏)
素材網站
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
字體網站
qiuziti
http://font.chinaz/
gogoup/course/30/
51poca
epinv/online
akuziti/mb
ziticq/shufa
2ilt
ui/detail/40260.html
fontke
http://51yuansu/?z=jcecxafgi
代碼網站
helloweb.wang
hack 查詢: browserhacks
模板下載: http://cssmoban
jquery 網站: htmleaf
靈感網站
http://zcool/
http://ui/
http://huaban/
http://thedieline/
https://behance/
http://stefanglerum/Obey-Artist-Series
http://pokedstudio/illustration.html
http://cargocollective/favorites
https://dribbble/
圖庫網站
復古圖庫: http://raumrot
風景圖庫: 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
網秦 UEC : http://uec.nq
百度 MUX : http://mux.baidu
暢游 CDC : http://vc.changyou
騰訊 MXD : http://mxd.tencent
騰訊 CDC : http://cdc.tencent
騰訊 ISUX : http://isux.tencent
應酷設計: 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
網易 UEDC : http://uedc.163
阿里媽媽 MUX : http://mux.alimama
疊柔配色法: http://t/RPerWhy
色彩之冷色: http://t/R7ldI6Y
色彩冷科學: http://t/R73WefN
圖片取色配色: http://t/R7QMSKi
色彩設計方法: 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
色彩冷科學: http://t/R73WefN
圖片取色配色: http://t/R7QMSKi
色彩設計方法: 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
威鋒網: http://feng
設計趨勢: http://tuyiyi/show-70
邏輯思維: http://i.youku/u/UNTEzNTY1OTgw
極客公園: http://geekpark
好奇心日報: http://qdaily
tuyiyi/hao
2018年網站設計趨勢,值得一看!
如今網站已經變得十分普及,你的同行一般都有網站。那么究竟怎樣才能讓使你的網站脫穎而出呢?首先你需要一個自助建站平臺來制作你的網站,如:又快又好智能建站。其次你需要了解2018年網站設計的趨勢,這樣才能確保你制作的網站能跟上時代。小智最近瀏覽了一些有設計亮點的國外網站,也看了一些文章,以下五點供大家參考。
一、添加裝飾性細節(jié)
極簡、留白、清新的設計風格已經流行了很長一段時間,但是在2018年要重視裝飾性設計細節(jié)。特別是幾何形狀和圖標。它們可以為網站上重點區(qū)域增加視覺聚焦點,同時讓網站顯得更加好看。
裝飾性細節(jié)小智提醒:“一切東西都需要適當”。我們要確保這些裝飾性細節(jié)的加入是為了增加我們的視覺聚焦點,而不是分散我們用戶的注意力。
二、打破網站(布局)規(guī)則
新潮的網站正在逐漸改變用戶的瀏覽習慣。就拿導航來說,傳統(tǒng)的導航都是在網站頂部橫向排列,這樣雖然也很不錯,但我們不妨也嘗試個性化導航。這樣能使你制作的網站讓用戶“耳目一新”。
打破網站布局規(guī)則所以自2018年起,越來越多的網站會打破布局規(guī)則,變得更加時尚和個性化(大家可以想象一下雜志的設計思路)。
比如:
1、不同尺寸大小,自由搭配頁面
2、不對稱的布局方式
3、各種內容(文字、視頻、圖片)都同時存在于一個界面
小智提醒:打破固有的布局規(guī)則確實能使我們的網站顯得更加個性,但是千萬不能設計得讓用戶半天都找不到想要點擊的內容。如果要非要在個性與用戶體驗度間做個選擇的話,我勸你還是選擇后者。
三、多元化的動畫效果
網站動畫的交互性使網站變得更加吸引人,同時提升訪問者的瀏覽時間。而網站動畫在前幾年就有了,但傳統(tǒng)的動畫效果過于單一,未來多元化的網站動畫或將成為未來趨勢。
多元化的動畫效果比如:
1、視差滾動效果
2、頁面之間的轉換效果
3、元素或者模塊間的動畫效果
4、鼠標懸停動畫效果
5、自定義動畫(又快又好自助建站里模塊自帶的動畫)
小智提醒:在網站中不要過度的加入動畫效果,這樣會增加負荷,延長網站打開時間。
四、視頻和3D效果
將視頻或者3D效果融入到網站中。比如,你的產品的每一個角度都能展示給用戶,這樣會有多吸引人。
小智提醒:盡管視頻或3D效果會使我們的網站看上去很高端,但是視頻內容、位置擺放和視頻大小同樣關鍵。
五、顏色上的突破
2017年從柔和的小清新色到充滿活力的暖色,再到漸變色和極簡色,網站流行的色調一直在變。當然黑白相間的風格永遠不會過時。而在2018年,一種特殊的顏色:紫羅蘭色,正在逐漸的流行起來!
總結:2018年的網站設計趨勢,基本上都是打破常規(guī)、提倡原創(chuàng),這樣使得網站變得更加個性化。
連山壯族瑤族自治縣,地處南嶺五嶺之一的萌諸山脈之中
連山壯族瑤族自治縣,地處南嶺五嶺之一的萌諸山脈之中,位于粵、湘、桂三?。▍^(qū))結合部。盛產沙田柚、大肉姜、松香、淮山、冬菇、茶油、蜂蜜、香粳、竹筍等土特產品,其中大肉姜久負盛名,被譽為“廣東生姜之鄉(xiāng)”。當?shù)卣Z言主要是有壯語、瑤語、連山話、地方口音的廣州話,普通話也通行。
企業(yè)網站設計案例分享
大家周一好!
一個優(yōu)秀的設計師
不只是要創(chuàng)意好
還得每天看大量的優(yōu)秀作品
海納百川
有容乃大
今天給大家分享一波的企業(yè)站,集團站作品案例。
這種極簡風
看起來舒服
操作起來便捷
去繁存簡
// 分享到此結束 //
我們下期見
2017網站設計趨勢之那些無所不能的動效
2016年不管是網站還是移動端,我們隨處可見一些扁平的動畫元素,他們顏色清爽視覺感覺很新穎。2017年,動效依然還是今年的主流設計元素,但跟去年相比又有些許不同。
要說到動畫的流行其實還是得益于,過去蘋果設計的扁平風格以及動效部分,他們對于那些小細節(jié)的追求真的達到了極致,而今天懸停效果再次卷土重來。但并不是過去的那種俗氣,閃爍的效果,或者是簡單彈跳和旋轉動效,如今的懸停效果將給用戶帶來更好的幫助和體驗。
懸停效果的設計范圍真的很廣,大到整個屏幕的視覺效果,小到導航元素都可以看到他不俗的表現(xiàn)。
.........
▼
會動的首頁
懸停效果可以是你用戶體驗的最關鍵的部分哦。當你的首屏被動畫元素充斥的時候,額外的一些懸停效果可以讓你首頁的魅力值直線UP。
HAUS,這個網站的設計著實讓人驚喜,屏幕上有許多卡通人物在屏幕上移動,你可能完全無法把這些動畫效果跟懸停效果聯(lián)系到一起,看起來知識一個動作變換了另外一個動作而已。但是我負責任的告訴你,如果沒有懸停效果,每個元素也就是單純的在屏幕上規(guī)律的畫圈圈罷了。
當你使用全屏懸停動畫這樣的效果時,訣竅是取悅用戶,而不是讓他們感到壓抑,這是一個相當棘手的問題。如何讓他們感到新奇又不至于太過于花哨?通過讓其他設計元素簡單例如例子中的黑色背景,一個再簡單不過的背景與一個易于閱讀的無襯線白色字體就十分合適了。這是一個用在首屏上的技巧,可以讓用戶去和體驗,讓他們更有興趣滾動翻看下面的內容。
.........
▼
按鈕效果
一個簡單的動畫設計實際上可以鼓勵用戶去點擊按鈕的。這看起來很簡單,對吧?這其實也是這種類型的動畫如此受歡迎的原因之一。
設計一個好的按鈕效果,可以幫助用戶更好地了解你想讓他知道的東西。上面的例子就來自Luke Etheridge,當你鼠標移動到按鈕上時,他就會改變顏色,并告訴用戶點擊后會發(fā)生什么。這個懸停動畫效果,它不僅很有用并且也很好看哈~
.........
▼
幻燈片效果
網頁很多時候是被各種圖片和內容堆積起來的,他們經??雌饋砗軗頂D。所以幾乎所有的網站設計的時候都會選用一些滾動動畫效果來平衡。在多個圖片中設計上箭頭和其他指示按鈕,告訴用戶如何前進或返回,這樣的設計其實是很多見的。
而如今設計現(xiàn)代運動動畫的的關鍵是:
1. 動作要快
2. 軌跡明確
3. 動作一致
以上這個動效案例是來自Baptiste Dumas。你根本不知道鼠標點擊它后,下一步會怎么發(fā)生,它會在內容元素之間創(chuàng)建一條明顯的線,所有的東西都被這條線連接在了一起,形成一個類似無縫銜接的運動流程,是不是很神奇。
.........
▼
導航菜單
不管你喜歡與否,隱藏的導航風格一直是是一個很受歡迎的設計元素哦。這個動畫懸停效果可以幫助用戶更好地瀏覽內容,也能讓主頁視覺更簡潔。
隨著指示圖標的顯示和隱藏,菜單信息可以輕松的在屏幕上彈出和隱藏甚至是移動,動畫效果的目錄,是是個非常強大的指示工具。
Oxen Made,這個案例就使用了懸停效果和動畫效果兩種方式在主頁上,為了指導用戶如何使用網站,他們把右上角的菜單按鈕設計成可以更改年色的懸停效果,讓用戶知道這是一個可以點擊的元素。點擊后彈出完整的菜單,是從頁面的左側擺動出來非常顯眼。此外,右下角一個小三角形箭頭,使用和菜單按鈕相同的效果,讓用戶知道還有更多的內容可以滾動,不得不說你們真的好貼心哦~
這些微妙的動效設計,和相對復雜的背景視頻搭配在一起,確實是十分合適的。在背景視頻強烈的運動襯托下,按鈕的那些柔和的動效更容易吸引用戶的注意力,讓用戶更好的使用網站,按鈕也充分起到了導航的作用。
.........
▼
表格和字段
還有一些使用懸停效果優(yōu)秀案例,例如把表格融入其中。幾乎每一個你訪問的網站都會要求你注冊或者填寫一些問題信息。這確實是一個很讓人討厭的步驟,因為真的很繁瑣,所以如果用戶提供這些信息越容易,你就越容易得到那些對你有用的信息。
但如果讓這些列表信息不那么乏味呢?一些視覺線索可以幫助用戶記住如何進入一個領域,并指引他們確認提交是非常重要的。
上面的這個例子它做了兩件事。第一個是用戶被告知要輸入什么信息,他們可以看到整個操作過程,以及點擊登錄按鈕后,我將要填寫的信息是什么,這樣用戶就不必猜的我這一步操作完成后,下一步我要做什么了。
如果你還不知道如何去應用懸停效果的話,這個效果可以作為一個很好的起點哦。其實在這樣簡單的引導下,用戶是享受跟網站進行互動的,這樣簡單的動畫就能讓我們收獲到不錯的反饋哦。
.........
▼
結論
在我們看來懸停動畫是十分棘手和復雜的設計技術,但實際情況卻是,利用CSS,幾乎任何人都可以輕松添加一個簡單的動畫效果。他們其實很簡單,在網絡上有很多動畫師會分享一些代碼,讓你去體驗研究。
最后分享給你一些使用這些技巧的關鍵:它需要有它存在的意義。不要過于頻繁的使用這些效果,只在添加內容時使用懸停效果或者動畫;不要讓這些效果分散用戶本來應該執(zhí)行的行為哦。
網站設計的基本步驟,一看就知道
網站制作設計并不是一件簡單的事情,一個好的網站不但里面包含的內容要全面,而且還要能夠持續(xù)運轉,為我們帶來流量。星若傳媒簡單為大家介紹一下網站設計的基本步驟,希望能夠幫助大家更好的了解網站建設。
網站設計的基本步驟:
1)站點定位:確定網站的功能與定位。這是確定到底是做什么,我們要做的是什么網站;網站的主題,風格,叫什么名字,展示的主要內容。
2)設置欄目:欄目的實質是一個網站的大綱索引,網站應該明確顯示出來的主要指標。3)做好準備材料:收集和整理相關信息
3)界面設計:根據(jù)訪問對象提供信息,使它的一個最合適的網頁的結構、網頁布局
4)網頁測試與發(fā)布:包括功能性測試和完整性測試。所謂功能性測試是保證網頁內容組織的可用性,達到了最初的設計目標,執(zhí)行規(guī)定的功能,讀者可以很容易地迅速找到所需要的內容。完整性測試是確保頁面內容顯示正確,連接正確,無誤和表達。如果錯誤是在測試過程中
發(fā)現(xiàn),修改,準確,可以正式發(fā)布在互聯(lián)網上。網頁設計是好的,它必須被發(fā)布到網上,或網站的圖像仍然不能顯示出來,就進行必要的局部調整。
5) 推行和維護:網站沒有推廣,很容易成為信息孤島,長期沒有多少人訪問,逐漸失去了建立的意義。我們應該注意的2個問題時,網頁的標題要簡潔,清晰。網頁中插入圖片盡可能的小。
這五個步驟是網站建設中必須要有的,缺了哪一步都不可以。
高端網站設計:9個排版超贊的網站分享
技巧也學習一點的了,今天小編就分享一點干貨了,這幾個英文站在UI設計方面做得很好的,我覺得一個網站在搭建的初期就應該好好地策劃下整體的一個感受以及設計會不會給程序帶來負擔,當然前端與后臺的交流是分不開的,下面的這九組福利還是很不錯的,小編在周末放假的第一天也并沒有閑著,風享ui設計、時尚設計、APP設計等等時尚設計就是我的樂趣,對此我樂此不疲,小編也是需要學習的不然肯定會被慢慢超越的,建議多關注的設計博主分享,歡迎關注--樂活大器姐,就算是刷刷頭條也可以學習何樂不為呢,趁著年輕多學習才會更加的好,小編這里提醒各位小假期也不要忘記學習呀!9個精美的公司、工作室網站分享給你,讓你的創(chuàng)意靈感在周末假期也換換氣。
樂活大器姐-時尚UI設計越學越樂活,歡迎關注小編哦!每天閱讀一點點,設計角度多一點點!
網站設計就選晟創(chuàng)網絡
你是否有注意到,你的網站上的正文文字太小了。當桌面顯示器和手機屏幕的尺寸隨著科技的發(fā)展在變大變高清時,字號似乎沒能適應或者說跟上這種變化,所以我們在觀看文本時,會覺得好像字號縮小了好多。雖然他們和原始尺寸是一樣的,但他們在感覺上比以前小好多。
使用大文本的案例
使用小字號一般是網站設計方面的老派概念。當數(shù)字文字處理器的默認大小為12點時,使用12點的字號作為主內容文本字號的想法幾乎可以追溯到互聯(lián)網和數(shù)字花網頁的第一天。
不過,在那種情況下,由于屏幕不管是在尺寸上還是分辨率上也比現(xiàn)在的小很多。所以,對于12點的字號類型,在距你眼睛幾英尺的地方也可以提供清晰而且多的內容閱讀。
使用超大字號作為頭條標題和小標題已經流行較長的一段時間了,所以你的主內容文本也需要跟上這個趨勢了。即使是關于網站分析,營銷和測試的博客Kissmetrics也注意到,大多數(shù)網站的字號都太小了。他們甚至稱之為“網頁設計的7大致命錯誤”之一。
這里有一個很大的原因:所有的網站建設項目都有一個共同的目標,就是當一個用戶進入到你的網站時,你必須立即吸引用戶的注意力。而小號的字號不會提供這樣一種機會。
它可以閱讀更容易
對于所有網站來說,可讀性永遠都是是一件大事。你為什么要設計一個用戶難以閱讀的網站呢?
對于可讀性的第一課,是在實際的網站建設羨慕中挖掘和思考內容字號的純數(shù)字度量。正文文本應與屏幕上的其他內容成比例,這樣用戶可以從“遠處”就看到。
單列文本每行的長度在45到60個字符(包括標點符號和空格)是大多數(shù)讀者的理想長度,這個標準也延用了很長的一段時間。因此,你需要考慮最常見的瀏覽器的大小,即你正在使用的列的寬度,并以大小符合該范圍的文本開始。然后記得要相應的調整響應的斷點。
對于較小的屏幕來說,這個范圍有些更緊密,大多數(shù)人都認為較大的文字更好。
關于這一點的訣竅在于,創(chuàng)建一個舒適的閱讀量表。而且你要處理的文字越多,這就越重要。太寬的文字在閱讀時可能難以集中精力和用戶也不希望逐行多次閱讀;太窄的文字沒有一個很好的節(jié)奏,導致閱讀時眼睛移動太快,令人感覺疲憊。
它使設計更直觀
文本的大小同時有助于網站設計的整體可用性。
如果所有文本按比例縮放,較大的主內容文本也有助于強調或突出其他在用戶界面上的元素的大小,它可以幫助整體流動。
更大的字號還將幫助你更好地決定內容,并更有選擇地進行編輯,這對用戶來說總是一件好事。這種精簡有助于將最重要的元素帶到設計的最前沿。請記住,你要把用戶的注意力想象成金魚的, 如果這樣,他們需要了解設計和如何與它進行交互的一切必須一目了然。
這里還有另一個“支流”――通過使用大號類型的文本,它會鼓勵你重新考慮填充,照片放置以及排序。設計中的一切都將受益于重新思考尺寸的類型,因為它們是在同一個視覺層上創(chuàng)建的最終的產品。所有的編輯通過重新思考如何放置零件可以提高可用性,因為你實際上花時間來評估設計中的各個元素,而不是像通常那樣按照相同的方式擺放所有的東西。
它可以減少疲勞感
用戶在瀏覽網站時產生疲勞感這可能是一個真正的問題。大多數(shù)人整天都在看屏幕,從手機上到平板電腦,從電腦上工作到看電視。他們的眼睛很累。
更大的文字大小可以幫助減少一些長時間對著屏幕而產生的疲勞感。
屏幕疲勞的另一個常見來源是移動設備以及用戶必須跨越屏幕的元素。擁有較大尺寸和分辨率的手機這種問題不是很經常出現(xiàn)。因為它很容易通過觸摸操控,較大的元素和正文可以幫助解決這個難題。
文本和其他用戶界面元素使用更大尺寸的另一個原因也很重要的,因為它有助于調整視覺顯示以匹配物理顯示,為用戶提供更多的舒適感。
公司
地址:赤峰市紅山區(qū)北環(huán)路26號
聯(lián)系電話:82228101 15147609030
你知道這些好用的設計網站嗎?
工欲善其事,必先利其器。
無論是設計還是寫作,需要建立自己的資料庫。
在創(chuàng)作的過程中,為了能夠很好的去搜尋到自己所要的資料。
于此,我把自己經常用到的關于設計靈感、設計素材、配色方案等設計網站推薦給大家。
有了這些網站,你們幾乎都不需要設計老師了!
一、設計靈感類。
1.花瓣網
http://huaban/all/
這個網站對于很多設計師都是熟知的,是很多設計師的靈感來源?;ò昃W除了尋找靈感之外還有一個很重要的功能插件?!ò瓴杉?。
運用花瓣采集工具可以采集你在瀏覽網頁時候看到的任何你個人比較喜歡的圖片,將相同風格的圖片采集在畫板,日后自己需要這方面素材的時候點開查看,便是滿滿的靈感素材啊。
2.站酷網
http://zcool/
站酷(ZCOOL),中國人氣設計師互動平臺。深耕設計領域十年,站酷聚集了470萬優(yōu)秀設計師、攝影師、插畫師、藝術家、創(chuàng)意人。站酷網入駐了很多設計師,每個人都可以在上面發(fā)表自己的作品,打造自己的品牌,也可以根據(jù)其他人發(fā)出來的作品尋找靈感。
3.蘇打蘇塔
http://sudasuta/
蘇打蘇塔是一個關于創(chuàng)意設計,設計,插畫,藝術攝影,lomo,素材,教程,web,靈感來源,平面設計欣賞的綜合性網站。
4.致設計
http://zhisheji/
致設計網,中國最大的電商設計師交流平臺.電商設計大師們都潛伏于此,聚集了中國絕大部分的80,90電商設計師,在此分享了他們的店鋪設計,創(chuàng)意設計。
5.古田路九號。
http://gtn9/index.aspx
古田路9號網站,品牌創(chuàng)意版權保護平臺。國內專業(yè)品牌創(chuàng)意平臺,以版權保護為基礎,品牌為核心,集創(chuàng)意作品分享、活動招聘發(fā)布、廣告推廣、正版字體下載等。
二、設計素材類。
1.千圖網
http://58pic/
千圖網提供矢量圖素材,矢量背景圖片,矢量圖庫,還有psd素材,PS素材,設計模板,設計素材,PPT素材,以及網頁素材,網站素材,網頁圖標等。部分素材是免費的。
2.千庫網
http://588ku/
專注于免費的PNG圖片素材下載,里面的素材質量也是相當不錯的。對于普通的用戶,每天的下載數(shù)量也是有限制的,這個網站下載的素材就是可以直接拿來用,免去復雜的摳圖步驟啦。
3.素材中國
http://sccnn/
素材中國打造中國最優(yōu)秀平面設計素材網站。素材天下,提供平面設計,免費設計素材。里面的素材質量挺高而且是免費的哦。
4.懶人圖庫
懶人圖庫專注于提供網頁素材下載,其內容涵蓋網頁素材,矢量圖素材,圖標等。
5.90設計
http://90sheji/
90設計是專注電商設計的淘寶素材庫,設計交流、學習與分享一體的平臺,讓電商設計(淘寶美工)找靈感和素材更效率。
三、色彩搭配。
1.中國色
http://zhongguose/#meiguihui
提供各種中國的傳統(tǒng)顏色的名稱,CMYK值,RGB值,16進制表示。
2.配色網
http://peise/
配色網是交流色彩的專業(yè)網站,致力于設計,網頁,家居,時尚,服飾等方面色彩理論的學習和提高,并提供大量優(yōu)秀配色方案,為色彩構成學習者提供免費資料。
3.Color Hunt
http://colorhunt.co/
ColorHunt網站是一個致力于幫助產品設計師們更好的選擇顏色搭配組合的站點,從互聯(lián)網中收集了海量的完美色彩組合,你可以把這些顏色組合運用到任何產品設計項目.
給大家推薦的這些網站都是在我自己日常設計中經常用到的。希望對大家有所幫助。
優(yōu)質的實習,盡在實習僧APP!
https://shixiseng
作者:MY麥子
來源:簡書
2017 TOP10 RWD網站設計趨勢與特點
過去幾年,全球所有的設計師透過各種方式不斷探索RWD網頁設計的設計模式,2017年即將進入成熟階段, 成熟且大眾化的RWD網頁設計樣式才能提高網站流量。
網頁設計是一種產品設計,因此,不夠實用或不符合趨勢的設計,不只會導致使用者在網站里迷航,更可能讓使用者對你的網站失去耐心與信心。
在RWD的時代,每一種網頁設計樣式都必須找到得以同時適應電腦版與手機版的解決方案,成為當前網頁設計師們的重要課題。許多過去很炫且視覺效果強烈的網頁設計,在RWD的考量下,不見得都可以繼續(xù)使用。設計師們必須找出同時可以符合RWD規(guī)范,又能具體呈現(xiàn)不同網頁設計風格的作法。我們來看看有哪些成熟的RWD設計方式,能讓你的客戶在手機上順利瀏覽,同時增進網站流量。
1.漢堡選單(hamburger menu)
漢堡選單目前已廣泛作為手機版選單的設計模式,IBM官網則進一步將它發(fā)展成電腦版和手機版共用的選單樣式,并保留電腦版的主選單,使電腦版和手機版的操作習慣更為一致。
2.下拉選單(dropdown menu)
過去網站次要選單經常采用左選單的方式來設計,在RWD的時代,GE官網直接將這些網站次要選單直接在主選單上以下拉選單的方式呈現(xiàn)。如此的規(guī)劃,可讓使用者在電腦版選單和手機版選單,看到一致性的選項。
3.全幅背景(full background)
全幅背景是目前最流行的RWD設計模式,不論內容是圖片輪撥(slider)、影片或單色色塊。由于大背景主要是透過width:100%讓畫面尺寸自動貼合螢幕尺寸,一來在電腦或行動裝置都可以貼齊邊界,二來大背景可以呈現(xiàn)大螢幕的觀賞效果,因此成為最受歡迎的RWD設計樣式之一。
4.卡片列表(Card List)
卡片式列表應該算是RWD時代最典型的設計樣式??ㄆ降脑O計可以在電腦版和手機版自由切換,與手機APP清單的瀏覽模式相近,可清楚呈現(xiàn)每個item,點選范圍也變大了,許多列表的樣式(例如news list)也都直接采用卡片式設計。
5.全螢幕相簿(full screen album)
有圖有真相,透過照片來介紹是最簡單有效的方式。然而不是所有的相簿外掛都能RWD的。全螢幕相簿可直接偵測螢幕寬高來自動調整圖片呈現(xiàn)的尺寸,不像嵌入網頁的相簿,需顧慮網頁上其他元素相對的位置,因此全景相簿成為RWD時代最受歡迎的相簿設計模式。
6.時間軸(timeline)
時間軸是最適合用來呈現(xiàn)歷史記錄概念的設計,經常用在企業(yè)歷史沿革??蒖WD的時間軸必須能在電腦版和手機版正常呈現(xiàn)時序概念。
7.滑動表格
表格的呈現(xiàn)在RWD手機版中仍然是一件困難的事,很難想像如何在手機如此小的螢幕當中,要閱讀一張像Excel般復雜的表格。以Bootstrap的滑動式表格來說,可在手機上采用手指滑動的方式來回瀏覽整份表格。
8.雜志式編排
隨著技術性問題的克服,全版雜志式編排在2017年將逐漸成為RWD設計的主流設計樣式。雜志式的區(qū)塊分割可以讓網頁看起來更像閱讀雜志,少了左右的空白區(qū)塊,網頁看起來更為簡潔俐落。
9.旋轉輪播 (Carousal)
旋轉輪播在RWD持續(xù)發(fā)燒,好的Carousal元件可設定在不同的螢幕寬度顯示不同的筆數(shù),以適應RWD網頁設計。
10.回到頁頂(Go to top)
GoToTop在跨裝置瀏覽來說,是個簡單又十分便捷的設計。由于一頁式網頁加上手機版的設計都是屬長頁式的網頁,一個小小的箭頭就能幫助使用者回到頁首。
本頁內容為企業(yè)、個人自主上傳或來源網絡,所有資料僅供用戶參考;我單位不對其版權負責、不保證亦不表示本網的資料全面及準確無誤,也不保證亦不表示這些資料為最新信息,如因任何原因,本網內容或者用戶因倚賴本網內容造成任何損失或損害,我單位將不會負任何法律責任。