|
 如何設(shè)計(jì)網(wǎng)站導(dǎo)航菜單 |
| 摘要
：因?yàn)槲覀兿朐谇鄭u網(wǎng)站設(shè)計(jì)時(shí)候，讓網(wǎng)站結(jié)構(gòu)更清晰、想要向用戶傳達(dá)所有的信息，所以就賦予了導(dǎo)航越來越多的內(nèi)容，使他們龐大異常，十分糾結(jié)。簡化了，用戶無法了解到頁面結(jié)構(gòu)以及自己的處境，產(chǎn)生困惑；復(fù)雜了，導(dǎo)航臃腫不堪，層巒疊嶂，既不美觀也不好用。因此，導(dǎo)航是互聯(lián)網(wǎng)產(chǎn)品中應(yīng)用最廣泛的基礎(chǔ)元素之一，引導(dǎo)用戶了解到網(wǎng)站的內(nèi)容結(jié)構(gòu)進(jìn)而找到所求。作為基礎(chǔ)控件，導(dǎo)航看起來簡單，但卻是產(chǎn)品設(shè)計(jì)中最復(fù)雜繁瑣的一部分。因?yàn)?.. 全文>> |
作者
:網(wǎng)頁設(shè)計(jì)師 | 閱讀
:2514次
| 19-08-29 16:18 |
|
| 響應(yīng)式網(wǎng)站的利與弊 |
| 摘要
：響應(yīng)式網(wǎng)站，或者是html5+css3網(wǎng)站，對于很多普通青島網(wǎng)站建設(shè)用戶來說這是一個(gè)比較新的名字，這種技術(shù)最大特點(diǎn)就是對一些移動(dòng)設(shè)備的兼容性更好些，但是這個(gè)也并不是萬能的。好消息是，你可以改善它。在這篇文章中，我們會(huì)談到移動(dòng)互聯(lián)網(wǎng)和響應(yīng)式設(shè)計(jì)的關(guān)系，首先將介紹如何巧妙的運(yùn)用響應(yīng)式設(shè)計(jì)，為什么性能對移動(dòng)端非常重要，為什么響應(yīng)式設(shè)計(jì)不能作為你網(wǎng)站的目標(biāo)，最后技術(shù)的性能問題幫助我們更好的理解這問題。隨著... 全文>> |
| 作者
:網(wǎng)站工程師 | 閱讀
:2456次
| 19-08-22 10:49 |
|
| 扁平化網(wǎng)站風(fēng)格設(shè)計(jì)的特點(diǎn) |
| 摘要
：一個(gè)好的青島網(wǎng)站設(shè)計(jì)，不一定局限于某一種風(fēng)格，扁平化網(wǎng)站設(shè)計(jì)僅僅是眾多設(shè)計(jì)中的一種，每個(gè)項(xiàng)目都有適合的網(wǎng)站制作風(fēng)格，所以不是所有的網(wǎng)站都適合扁平化設(shè)計(jì)，我們的原則是網(wǎng)站應(yīng)該更接近可用性和實(shí)用性原則。在這里我們想討論一下扁平化網(wǎng)站設(shè)計(jì)的幾個(gè)特點(diǎn)。僅使用簡單的元素扁平設(shè)計(jì)中使用到很多簡單的UI元素，比如按鈕和圖標(biāo)。設(shè)計(jì)師更常用矩形、圓形、方形等簡單的形狀。元素獨(dú)立。正角、直角、圓弧都非常常見。UI元素... 全文>> |
| 作者
:奈薇網(wǎng)頁設(shè)計(jì) | 閱讀
:2617次
| 19-08-22 10:49 |
|
| 網(wǎng)站前端頁面設(shè)計(jì)分析 |
| 摘要
：最近看到一篇不錯(cuò)的關(guān)于頁面前端設(shè)計(jì)的文章，思路清晰，很詳細(xì)的描述了早起網(wǎng)頁前端設(shè)計(jì)問題和現(xiàn)在的設(shè)計(jì)現(xiàn)狀以及將來的展望，對青島網(wǎng)站建設(shè)有很大的啟發(fā)作用。如下：在不同的時(shí)期對頁面前端的看法似乎是多變的。在互聯(lián)網(wǎng)早期的時(shí)候，小車還是比房子貴的，燒餅和粉絲還只是用來吃的，菊花還只是用來泡茶的。那時(shí)的頁面設(shè)計(jì)風(fēng)格相對單一，對應(yīng)的頁面需求比較簡單，并且當(dāng)時(shí)的瀏覽器也基本是IE6的天下，javascript也只... 全文>> |
| 作者
:奈薇網(wǎng)頁設(shè)計(jì) | 閱讀
:2753次
| 19-08-22 10:48 |
|
| 看看網(wǎng)站設(shè)計(jì)中的設(shè)計(jì)風(fēng)格之“客戶風(fēng)格” |
| 摘要
：以前我有談過《中國風(fēng)格與中國文化》與《中國化風(fēng)格淺析》主要論述中國化風(fēng)格的振興的問題。并且談了如何去發(fā)現(xiàn)與應(yīng)用中國化風(fēng)格。但是通過長時(shí)間在做中國化風(fēng)格的東西時(shí)我就在反思，作為一個(gè)WEB視覺設(shè)計(jì)師，我們是不是應(yīng)把自己的風(fēng)格局限在某一種地域風(fēng)格上呢？很顯然，把自己的創(chuàng)作路線限制得太死，自己也就很難做出更好的作品。現(xiàn)在有很多設(shè)計(jì)人員把自己的設(shè)計(jì)風(fēng)格定位在“韓式”“日式”“歐美”等風(fēng)格上。但是身在中國境內(nèi)... 全文>> |
| 作者
:奈薇網(wǎng)站建設(shè) | 閱讀
:2506次
| 19-08-22 10:48 |
|
| UED設(shè)計(jì)流程和方法 |
| 摘要
：看慣了淘寶阿里旺旺的UED團(tuán)隊(duì)做的圖，突然有點(diǎn)沖動(dòng)，組建一個(gè)屬于我們自己的UED。沒有阿里、百度、騰訊等大型互聯(lián)網(wǎng)公司有專門的UED團(tuán)隊(duì)成員，但我們憑著自己團(tuán)隊(duì)合作成立了屬于自己的手機(jī)客戶端UED。1、需求調(diào)研與分析：任何一款產(chǎn)品都需要對這個(gè)市場進(jìn)行調(diào)研，包括會(huì)存在的對手分析以及已經(jīng)存在的對手，包括短時(shí)間內(nèi)會(huì)有多少公司會(huì)同樣開發(fā)相同的產(chǎn)品，以及開發(fā)這個(gè)產(chǎn)品的門檻。而這部分工作需要市場、PM甚至老板... 全文>> |
| 作者
:奈薇網(wǎng)頁設(shè)計(jì) | 閱讀
:2395次
| 19-08-22 10:47 |
|
| 發(fā)布文章選好正確的時(shí)間等于客觀的訪客 |
| 摘要
：無論你是對您的網(wǎng)站進(jìn)行優(yōu)化，還是宣傳，很多青島網(wǎng)站建設(shè)者，青島網(wǎng)站設(shè)計(jì)者，不分時(shí)間，文章寫好了就發(fā)，但是明明感覺不錯(cuò)的文章卻效果一般。同時(shí)也有一些人用微信推送文章，網(wǎng)站投稿也不注意時(shí)間，最后倒置了壓箱底了。分析內(nèi)容發(fā)布的時(shí)間其實(shí)在我們這個(gè)行業(yè)非常的重要，內(nèi)容是給用戶看的，有沒有一個(gè)良好的體驗(yàn)效果，就要看你發(fā)布文章的內(nèi)容質(zhì)量怎么樣了。用戶在的時(shí)候才能看到，所以一般發(fā)送內(nèi)容都需要選擇用戶最集中的時(shí)候，... 全文>> |
| 作者
:網(wǎng)站工程師 | 閱讀
:2309次
| 19-08-22 10:18 |
|
| 從零開始設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁 |
| 摘要
：難得國外有這樣好的教程，我就用我僅有的英文水平翻譯一下啦。建議將本博客的中欄和右欄隱藏后觀看本文。轉(zhuǎn)載請注明：譯者：Joe譯文來源：http://yuhou.cn/2009/09/design_a_beautiful_website/原文來自：DesignaBeautifulWebsiteFromScratch引言你是否曾經(jīng)想過設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁，但是卻不知道怎樣入手？說實(shí)話，幾年前我也是這樣。當(dāng)... 全文>> |
| 作者
:網(wǎng)頁設(shè)計(jì)師 | 閱讀
:2506次
| 19-08-22 10:17 |
|
| 什么樣網(wǎng)站體驗(yàn)更好一些 |
| 摘要
：我們也許需要像網(wǎng)站老板一樣思考才能知道我究竟在做什么，我們的網(wǎng)站需要什么？內(nèi)容和好的體驗(yàn)，（因?yàn)閮?nèi)容多，內(nèi)容好絕不等于用戶體驗(yàn)會(huì)很好），只有好的體驗(yàn)才會(huì)給你的網(wǎng)站帶來流量和其他的經(jīng)濟(jì)價(jià)值。什么樣的體驗(yàn)更好一些？我們從用戶上網(wǎng)的模型開始分析，首先：我們上網(wǎng)多數(shù)情況需要從搜索引擎輸入信息并得到反饋，所以我們要關(guān)注SEO技術(shù),直到用戶建立起直接輸入您的網(wǎng)址的時(shí)候，您留住用戶的只有兩個(gè)原因，信息和體驗(yàn)。簡... 全文>> |
| 作者
:網(wǎng)頁設(shè)計(jì)師 | 閱讀
:2224次
| 19-08-22 10:17 |
|
| 界面設(shè)計(jì)表達(dá)需要注意尺度 |
| 摘要
：如果說交互設(shè)計(jì)師的工作內(nèi)容是使用界面語言進(jìn)行表達(dá)，那么，好的表達(dá)需要注意尺度。貼在屏幕上的工具欄是過分的。頁面上閃動(dòng)的廣告也是過分的。這些設(shè)計(jì)超越了表達(dá)的尺度。在設(shè)計(jì)這個(gè)頁面的時(shí)候，設(shè)計(jì)者考慮的往往是：怎樣才能讓用戶注意到這個(gè)功能。偏執(zhí)的考慮讓用戶用著順手（用著順手本身并不是錯(cuò)誤的觀念），主觀的認(rèn)為這樣做才夠方便，用戶用起來效率才會(huì)高。在這個(gè)時(shí)候往往不會(huì)去考慮用戶是否樂于接受。這如同做父母專心于把... 全文>> |
| 作者
:奈薇網(wǎng)頁設(shè)計(jì) | 閱讀
:2456次
| 19-08-16 13:26 |
|
| 論中英文網(wǎng)站的設(shè)計(jì)差異 |
| 摘要
：你有沒有被客戶強(qiáng)迫照搬英文網(wǎng)站的經(jīng)歷？你有沒有被領(lǐng)導(dǎo)指責(zé)為比較“土”的作品？你有沒有感到疑惑，因?yàn)槟惆徇^來的“英文”網(wǎng)站總是那么別扭？如果有的話，這篇文章也許能幫你提供一些證據(jù)，至少讓你自己能明白，為什么不能照搬英文網(wǎng)站的設(shè)計(jì)規(guī)則。首先我們找一個(gè)非常有名非常牛氣的網(wǎng)站，對比一下它的英文和中文網(wǎng)站的區(qū)別。恕我無知，我第一個(gè)想到的就是MicroSoft了。英文站：http://www.yuhou.cn... 全文>> |
| 作者
:奈薇網(wǎng)站建設(shè) | 閱讀
:2506次
| 19-08-16 13:23 |
|
| 網(wǎng)站設(shè)計(jì)制作的流程有哪些 |
| 摘要
：一個(gè)成功的青島網(wǎng)站設(shè)計(jì)，從前期的材料準(zhǔn)備到后期的發(fā)布推廣，是需要細(xì)分很多流程和階段的，如果哪一步?jīng)]沒做好，將會(huì)直接影響整個(gè)網(wǎng)站的進(jìn)度和效果，嚴(yán)重的可能導(dǎo)致網(wǎng)站返工。因此，青島網(wǎng)站設(shè)計(jì)制作前，需要對這些流程有所了解。1、準(zhǔn)備網(wǎng)站建設(shè)資料明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料... 全文>> |
| 作者
:奈薇網(wǎng)站制作 | 閱讀
:2431次
| 19-08-16 13:22 |
|
| 交互網(wǎng)站設(shè)計(jì)趨勢分析與探討 |
| 摘要
：優(yōu)秀的青島網(wǎng)站設(shè)計(jì)，通常不是繁雜的頁面或者飛來飛去的動(dòng)畫效果，從“少即是多”、“形式追隨功能”等經(jīng)典設(shè)計(jì)思想的角度出發(fā)，界面設(shè)計(jì)不應(yīng)當(dāng)太搶用戶的注意力，如同路易斯·沙利文設(shè)計(jì)的建筑一樣，精簡到不能再精簡，任何一個(gè)界面元素，都必須要為功能服務(wù)，必須有它存在的目的。簡約、干凈在今后一段時(shí)間仍然會(huì)是主流。設(shè)計(jì)潮流都是一波一波，最終的結(jié)果就是審... 全文>> |
| 作者
:奈薇網(wǎng)頁設(shè)計(jì) | 閱讀
:2416次
| 19-08-16 13:21 |
|
| 網(wǎng)站設(shè)計(jì)的創(chuàng)意與技巧 |
| 摘要
：簡潔的網(wǎng)站設(shè)計(jì)風(fēng)格一直是WEB潮流之一，在青島網(wǎng)站設(shè)計(jì)上也不例外。我們將首先對此類風(fēng)格當(dāng)中的那些最具代表性的組成要素進(jìn)行分析，隨后，還會(huì)向各位分享一些工作中的實(shí)戰(zhàn)技巧。良好的文字排印良好的文字排印方案往往可以對簡潔風(fēng)格的頁面設(shè)計(jì)起到事半功倍的推進(jìn)作用。對字體數(shù)量的限制是這其中的一個(gè)關(guān)鍵因素。如果在同一套設(shè)計(jì)方案當(dāng)中運(yùn)用了過多的字體，它們彼此之間就會(huì)產(chǎn)生視覺上的競爭與沖突，這無疑會(huì)使頁面變得凌亂不堪... 全文>> |
| 作者
:網(wǎng)頁設(shè)計(jì)師 | 閱讀
:2504次
| 19-08-15 18:42 |
|
| 設(shè)計(jì)一個(gè)好用的錯(cuò)誤頁面 |
| 摘要
：下面從一個(gè)非常簡單的例子來說明如何設(shè)計(jì)一個(gè)好用的錯(cuò)誤頁面。例子是豆瓣網(wǎng)站的錯(cuò)誤頁面，首先我們看現(xiàn)在的豆瓣的錯(cuò)誤頁面，如下圖所示，整個(gè)頁面比較復(fù)雜，信息很多，包括了1.“標(biāo)題”說明錯(cuò)誤信息。2.具體的錯(cuò)誤信息。3.可能造成的原因。4.你可以怎么做？5.詳細(xì)的錯(cuò)誤信息首先我們來回答下面三個(gè)問題：1.誰會(huì)看到這個(gè)錯(cuò)誤頁面？絕大多數(shù)情況是普通用戶看到。工程師調(diào)試的時(shí)候可能看到。2.什么情況下看到這個(gè)錯(cuò)誤頁... 全文>> |
| 作者
:奈薇網(wǎng)頁設(shè)計(jì) | 閱讀
:2453次
| 19-08-15 18:42 |