建站優化

                                                當前位置:

                                                網頁設計出現的問題及解決方法

                                                瀏覽量:199次

                                                網頁出現的問題及解決方法

                                                設計師要清楚客戶自己的設計需求是不明晰的,需要積極地引導客戶,使他們明晰設計需求,從而避免由
                                                于雙方未在設計目標和期許上達成一致,造成設計方向上出現偏差。下面介紹網頁設計出現的問題及解決方法,希望對您有幫助。



                                                問題一
                                                、和客戶的不夠充分,導致設計方向出現偏差。

                                                這個問題是在設計流程中出現最多,也最容易導致客戶和設計師產生矛盾的問題。最終的結果是客戶覺得怎么修改設計都不能讓自己滿意,而設計師卻不勝其煩,認為客戶太難說話,原因其實就出在雙方的溝通上。

                                                作為客戶來說,很多時候他們對于期望的設計產品腦子里往往只有模糊的概念,只能交代給設計師一個過于粗略的設計方向,甚至有些客戶提出
                                                先做一稿出來我
                                                再看
                                                的要求。遇到這種情況,設計師要清楚客戶自己的設計需求是不明晰的,而作為設計師來說,這時就需要積極地引導客戶,使他們明晰設計需求,從而避免由
                                                于雙方未在設計目標和期許上達成一致,造成設計方向上出現偏差,而導致設計中大范圍、不斷的修改設計稿,甚至一遍一遍的推倒重來的結果。

                                                要使雙方對最終的設計都滿意,就需要盡可能詳細的溝通,客戶和設計師之間理解程度越高,最后達成的一致性也越高,這兩者是呈正相關的關系。要做到這一
                                                點,我個人的方法是在溝通的環節設計系統的調查問卷讓客戶作答,以幫助客戶梳理、明晰設計需求。下面是我經常使用的調查問卷內容,其中需要客戶作答7個問題,這些問題基本可以幫助客戶和設計師明確設計方向,你也可以依據在和客戶溝通中的具體情況修改或者完善這些問題。

                                                1、當訪問者訪問你的網站的時候,你希望它們做什么?(比如購買某種產品、服務,或者展示企業的形象等)

                                                2、網站的主體用戶是哪部分人群?(白領年輕女性、有某方面需求的老年人等)

                                                3、網站的整體風格是什么?當訪問者進入你的網站,你希望他們有什么感覺?不希望他們有什么感覺?

                                                4、舉幾個你喜歡的網站,并說明原因;例舉幾個你討厭的網站,也說明原因。(請將網站鏈接或者截圖粘貼在下方)

                                                5、網站欄目有哪些?并提供具體信息內容(可粘貼在下方)

                                                6、請提供網站設計的資料,包括logo,公司圖片,產品圖片等(打包以附件形式發送至設計師郵箱)

                                                7、請提供您的聯系方式。(QQ、手機或者郵箱)

                                                問題二:跳過網站功能及信息架構上的研究,直接開始視覺創作。

                                                網站的功能和信息架構是
                                                網站的核心,一個網站不是單純的讓訪問者去感受視覺上的美觀,美觀永遠是第二位的,而功能性卻是第一位的。一個企業網站是為了展示企業的形象、售賣企業的
                                                產品和服務;一個門戶網站是為了更好的提供信息內容,一個個人博客是為了分享個人的觀點,樹立個人品牌等等,保證了這些功能更好的實現了之后才應該去考慮
                                                視覺上是否美觀的問題。

                                                問題三、缺乏對網站整體風格的思考和把握,做到哪里算哪里。

                                                問題主要由以下幾個方面:

                                                一、布局上,Banner割
                                                裂的邊緣限制了視線的拓展,顯得死板而不夠透氣。其他元素也是大框套小框的思路??傮w的布局思路沒有逃脫條條框框的限制,看得出來,整個設計是思路沒有打
                                                開卻急于動手的表現。要做到活潑的設計,不是用一張現成的關于兒童的圖片放上去就行了,要讓個的設計元素往這個方向走,比如布局,比如色彩,比如質感,比
                                                如插圖和圖標的使用,比如字體的選擇等等,所以你的問題是完全沒有系統的思考這些問題,還沒找到答案就急于往前走,結果肯定是剛剛開始就感覺無所適從。

                                                二、再來說說具體的問題,Banner的設計在整個頁面中通常起到非常重要的作用,是視覺的焦點,先不說你選的這個圖片方向對不對,但這個設計看上去過于小氣,原因是圖片中的元素視覺比重都差不多,沒有重點,沒有主次。其次是Logo文字以及宣傳語文字的設計,感覺太散、太單薄,需要加強他們的視覺比重和氣氛感受。Banner底部的弧形邊緣不僅沒有起到給整個氣氛加分的效果,反而割裂了Banner的設計,看上去很不美觀。

                                                如何避免盲目開始,途中無從下手的問題出現?很簡單,畫草圖。雖然個人有時候也會省略畫圖的步驟,但每次至少會在
                                                PS
                                                中做一個主頁的設計方案,其中包括需要放置的信息內容、排版、色彩方案以及設計方案的說明文字。但個人發現相較于紙和筆來說,這樣的方式還是限制了創意的拓展。所以還是強烈建議大家在開始設計之前畫草圖。很難想象,不通過畫草圖的方式能做出來下面的設計效果。

                                                但是紙和筆的方式也有它的缺陷就是在設計排版方面不能精確的定位元素的空間。所以為了彌補這個缺憾,建議大家使用
                                                960像素網格系統的草圖稿紙。紙和筆的自由保證了創意的拓展,而不用糾纏于實現方面的技術問題。

                                                另外,在平時的學習積累中,多從整體風格上分析優秀的設計作品是如何考慮和實現的,可以嘗試從以下幾個方面分析網站風格:一、概念元素:背景、修飾圖形
                                                等;二、具象元素:文字、照片、插圖、圖標圖形;三、關系元素:方向、位置、空間、重心;四、交互方式:節奏、運動方式;五、色彩方案。

                                                網頁設計常見問題

                                                1、鏈接之間/導航各選項之間邊界模糊

                                                用戶一旦分不清兩個相似的鏈接或導航選項,將難以找到獲取信息的最佳路徑。各鏈接/各導航選項之間、各鏈接/各導航選項與網站其他鏈接/導航選項之間要定義準確、邊界清晰。倘若有多個模塊或頁面都在介紹同一則信息,為了驗證它們的異同,用戶就得一個一個確認,或費力猜測哪個才是用起來最方便的。再不然,用戶會直接使用搜索功能,或者干脆放棄你的網站。

                                                鏈接命名不當。不同的鏈接應引導用戶查看不同的內容,但出于某些原因,有些鏈接使用了語義相似的字眼。這種情況下,我們只需對有問題的鏈接進行重命名、以作徹底區分。

                                                內容區分失敗。如果多個鏈接打開的不同頁面在內容上有強關聯、且信息重疊,我們需要對這些內容進行重組,以突出各個頁面的內容重點。

                                                2、用戶被困子級頁面

                                                要為特殊內容設計單獨頁面或子級頁面的網站需小心,別把你的用戶困在其中。215位被訪用戶中有很多人表示都曾有這樣的糟糕體驗:莫名進入新頁面,且找不到返回主站的鏈接。他們中的有些會通過點擊瀏覽器自帶的返回鍵、或重新輸入網址,以返回主站。但也有相當一部分人表示根本就沒有注意到自己是怎么來到新頁面的(因為主頁和子級頁面長得太像),并一直納悶剛才的導航怎么不見了。

                                                因此,設計子級頁面時請仔細斟酌。如有此業務需求,請為用戶提供明顯的返回鏈接。

                                                3、過濾與分面導航錯誤

                                                過濾(filters)和分面導航(faceted
                                                navigation)通常有助于提高用戶體驗。它們幫助用戶排除干擾元素,找到準確的搜素結果。然而,隨便給網站加上這兩種工具的話,并不能優化用戶體驗。這兩種工具需幫助真正用戶滿足其真正需求。

                                                「圓梓解說:過濾是指在一定篩選條件下,把不相關的內容排除,濾出用戶想要的結果;過濾是單維度的。分面導航和過濾的本質思想一致,可以看作是多維度的過濾,靈活性更強、搜索結果更精準;分面導航在網站中尤為常見?!?/br>
                                                過濾和分面導航為用戶限定了篩選結果范圍,不同的篩選條件可滿足用戶不同的搜索需求。比如企業員工可以通過刪選文件類型、日期或者主題來搜索上一周的PPT;電商網站的用戶可以通過鞋跟高度挑到喜歡的鞋子,也可以根據保暖級別選出最中意的外套。

                                                有的網站把過濾和分類導航看成是全能的,幻想自己可以
                                                包治百病
                                                。結果其篩選條件并未關聯全部內容類型,導致結果不準。同時,我們也要注意切不可把用戶推入
                                                非此即彼
                                                的僵局。家具用戶可能想選藍色椅子,也可能要挑藍色以外的其他顏色的椅子。兩種場景都要考慮到。

                                                4、價格隱藏

                                                在決定為某事物買單之前,用戶需要了解相關價格、訂閱費、便利費、附加費等。43個研究對象中有兩三家網站價格信息獲取路徑太過復雜。比如,要在AARP的網站查到會費價目,須得完成好幾步不必要的會員購買流程。請記住,在執行復雜操作流程前,先讓用戶了解到基本信息。

                                                網頁版式設計的具體要求

                                                網頁設計首先涉及的是頁面的版面編排問題。網頁作為一種特殊的版面,既有文字,又有圖片,還包括一些流動的窗口和流動的附加廣告等,內容繁多、復雜。設計時必須根據內容的需要,將這些圖片和文字按照一定的次序進行合理的編排和布局,使它們組成一個有機的整體,展現給廣大的觀眾。使其成為與瀏覽者的溝通手段,讓設計所蘊含的主題進入瀏覽者的心靈,而不僅僅是起裝飾作用。

                                                網頁版式設計的布局合理化布局不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。



                                                要通過網頁頁面結構的分割和造型空間的確立,合理安排組成網頁各元素的合理位置。使頁面內容和形式有機統一,要具有整體美感。要考慮頁面的美觀和可讀性,還要考慮網絡瀏覽的特性。

                                                網頁版式設計的視覺流程規律化網絡的瀏覽是通過視覺元素實現傳播的視覺傳達過程,為了達到好的效果,版式設計必須依據人們在視覺上的心理和生理特點,確定各種視覺構成元素之間的視覺關系和瀏覽秩序。合理的視覺流程應是在人們認識過程的心理順序和思維發展的邏輯一致的基礎上,根據信息的主次來確定各元素的順序,并通過精心安排引導瀏覽者。(1)要符合人的視覺習慣(2)要保證有效的傳達信息(3)突出主要信息(4)保持視覺引導的節奏感和流暢感。

                                                網頁版式設計要動態化動態化是網頁設計的顯著特征。網頁版式設計的動態設計成為增強網頁可讀性,參與性與趣味性的有力手段。網頁不同于傳統媒體之處,就在于信息的動態更新和即時交互性。即時的交互性是網絡成為熱點的主要原因,也是網頁設計時必須考慮的問題。網頁設計人員必須根據網站各個階段的經營目標,配合網站不同時期的經營策略,以及用戶的反饋信息,經常地對網頁版式進行調整和修改。

                                                網頁版式設計中的點、線、面對網頁的各形態要素進行點、線、面對組合,是網頁版式設計的基本方法之一。點線面之間相互作用可以組合成各種各樣的視覺形象,形成千變萬化的視覺空間。有意識的從抽象角度運用點線面構成來組織網頁的版式,是形成網頁強烈的視覺形式感和設計感的有效方法。

                                                網頁版式設計中的色彩處理色彩可以使頁面更加生動。網頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是
                                                總體協調,局部對比
                                                ,也就是,網頁的整體色彩效果應該是和諧的,只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上,可以根據網頁內容的需要,分別采用不同的主色調??傊?,網頁的版式設計形成了網頁的整體視覺印象,體現網頁的
                                                風格,在整個網頁設計中具有很重要的作用,應該引起網頁設計者。

                                                網頁色彩的設計原則

                                                1.與網站主題相協調

                                                不同的色彩有不同的象征意義,給人的心理感受也不同。網頁的色彩設計要有針對性,應體現出自身的特色。如政府部門的網頁風格應有莊重感,呈現寧靜、嚴肅、高雅的氛圍,以冷色調為宜;電子商務類網頁可以通過紅色、橙色、黃色等暖色調的搭配,呈現溫馨、和煦、熱情的氛圍;藍色給人的心理印象是崇高、深遠、廣大而睿智,為高科技企業網站所鐘愛;類的網站不宜大面積地采用刺激性強的大紅、黃和橙等色彩,因為它們易造成人們心理上的緊張感和恐慌感,而綠色象征生命與希望,給人健康、安全的感覺,適宜作為保健類網頁的主調色。

                                                2.個性鮮明

                                                在網站云集的互聯網上,網頁的色彩只有與眾不同、有自己獨特的風格,才能顯得個性鮮明,給瀏覽者留下深刻的印象。尤其在同類網站中,網頁的色彩不但要符合此類網站的用色特點,還要有其獨到之處。網頁設計是一種藝術活動,只有按照內容決定形式的原則,大膽進行藝術創新,才能設計出既符合網站主題,又有一定藝術特色,風格獨特、個性鮮明的網頁。

                                                3.與瀏覽者的審美情趣相統一

                                                由于地域、民族、宗教信仰、生活環境、年齡、性別、文化修養等存在差異,人們的審美角度、審美能力也有很大差別。不同的瀏覽者對色彩的聯想和理解不會相同,對色彩的喜好也不一樣。網頁設計師要盡可能地采用符合瀏覽者審美傾向的色彩,以使其產生共鳴。如針對兒童喜歡對比強烈、個性鮮明的純色,兒童網站應采用紅、黃、藍、綠等對比鮮明的色彩,以營造活潑、愉快而富有童趣的視覺效果等。

                                                設計師要適當關注流行色的發展。流行色是特定時期內社會風行的時髦色彩,是一種時尚色、鮮活色,具有很強的誘惑力和沖擊力。若能抓住瀏覽者緊跟潮流、追趕時尚的心理,適時地選用流行色作為網頁的主色調,必定能產生良好的傳播效果。

                                                4.便于閱讀識別

                                                人們從物理、生理、心理、化學等多角度對色彩進行研究后發現,色彩的美存在于各色彩的相互關系中,這種相互關系就是色彩的對比與和諧。色彩的對比包括明度對比、純度對比和色相對比。最能引人注意也是運用得最為普遍的色彩對比,是色相對比中的互補色或冷暖色的對比。色彩的和諧是指色彩在對比關系中能給人造成既鮮明又協調的視覺感受。

                                                網頁色彩設計還要注意文字與背景色彩的明暗對比,文本要易讀,圖像要易于識別,以使人們在瀏覽大量網頁信息的時候,減少屏幕刺激,減輕視覺疲勞。

                                                5.有一定的延續性

                                                網頁色彩要保持用色的延續性。雖然網頁的信息會不斷更新,網頁的版式也會定期修改,但網頁色彩的基調和風格一旦形成后,不宜大幅或頻繁地改換,而應保持一定的延續性,這樣才能使瀏覽者迅速識別且印象深刻。但為了保持新鮮感、提高吸引力,也應小范圍地對網頁色彩的明度、純度進行適當的調整和變換。

                                                [聲明]本網轉載網絡媒體稿件是為了傳播更多的信息,此類稿件不代表本網觀點,本網不承擔此類稿件侵權行為的連帶責任。故此,如果您發現本網站的內容侵犯了您的版權,請您的相關內容發至此郵箱【779898168@qq.com】,我們在確認后,會立即刪除,保證您的版權。

                                                                                              欧美性XXXX白人性爽,一级av无码毛片久久,亚洲精品无码久久久99,国产一区二区三区在线视频
                                                                                              亚洲疯狂做受XXXX高潮| 麻MD传MD0049入口| 久久人爽人人爽人人片av| 色欲久久久天天天综合网精品| 精品国产乱码久久久久久夜夜嗨| 伊人久久综合热线大杳蕉| 日韩高清在线亚洲专区vr| 亚洲精品无码乱码成人| 精品国产aⅴ无码一区二区| 国产精品人娇在线内谢| 亚洲国久久久精品美女| 在线亚洲97se| 欧美性高清bbbbbbxxxxx| 18性欧XXXⅩ性满足| 神马我我不卡伦影视| 亚洲国产精品综合福利专区| 国产一级淫片a免费播放口| 2022github小狐狸app回家地址| 中国少妇XXXX做受7| 国产成人一区二区三区影院| 亚洲人成7777在线观看| 漂亮的保姆电影免费版| 亚洲综合国产激情专区| 香蕉久久aⅴ一区二区三区| 国产精品无码拍拍拍色欲| 无粗硬大屄v| 亚洲一二三四五区| 久久精品中文字幕无码绿巨人| 一区二区不卡不卡视频| 国产伦精品一区二区三区不卡| 97国内精品久久久久不卡| 亚洲精品无码午夜福利理论片| 国产精品99精品无码视频亚瑟| 国产原创系列在线| 久久久噜噜噜久久久精品久久| 免费A级毛片又大又粗又黑| 成人欧美一区二区三区的电影| 日韩中文字幕在线观看| 亚洲人成无码网站久久91热国产| 色综合视频一区二区三44| 国产精品免费大片一区二区| http://www.sifu51.cn http://www.pxsfdk.cn http://www.niufee.cn