什么是布局?
“布局”是指頁面內容的尺寸、間距及位置。有效的布局對于幫助用戶快速找到他們想要的內容至關重要,并可以在結構外觀上令用戶感到舒服。
如何設計有效的布局?
1.具有清晰的視覺層次。布局應當讓頁面各元素之間的關系和重要性一目了然。你可以通過適當使用下列屬性來實現視覺層次:
焦點:指用戶首先關注的區域。形式上被賦予焦點屬性的UI元素一定要表達重要的內容。
視覺流:指用戶關注區域的順序??梢愿鶕蝿者壿嫼陀脩舻臑g覽習慣來設計恰當的視覺流。好的視覺流應該清晰、合理、順暢、自然。
關聯:在邏輯上相關的UI元素應具有清晰的視覺關系。
錯誤:
邏輯上相關的UI元素在空間上被分隔,且沒有明顯的視覺關聯。
對齊:使頁面工整,信息呈現有序,便于用戶掃視。
錯誤:
沒有對齊影響了頁面效果且不便于用戶掃視。不要因為功能需要和對極限情況的顧慮而輕易犧牲掉頁面的視覺展現。
強調:可以根據UI元素間的相對重要程度進行強調。
2.針對用戶的閱讀模式來設計布局。
大部分人的閱讀習慣是從左向右,至上而下。
閱讀分為沉浸式閱讀(immersive reading)和掃視(scanning),前者的目的在于理解,后者在于定位。
瀏覽網站時,用戶不會沉浸在UI本身,而是沉浸在他們的目標任務中,因此掃視是最常使用的閱讀模式。用戶只在確信必要時才仔細閱讀大量文本。
針對掃視的布局設計可以適當強調主要的UI元素,弱化次要的。包括:
1)將主UI元素放在掃視路徑上。
2)避免將重要信息放在左下角或者頁面底端或者需要滾動很多的控件上。
3)考慮使用漸進展開方式來隱藏次要的UI元素。
4)將任務相關的重要信息要直接表現在控件上。用戶更傾向于關注交互控件上的標簽,而不是輔助型的靜態文本。
錯誤:
用戶必須閱讀輔助型文本后才能明確“確定”按鈕的作用。
正確:
直接將按鈕的作用描述作為控件標簽,便于用戶理解。
5)不要展示大段文本,去除不必要的文本。多文本時格式化展示。
注:常規模式也存在例外。眼動議實驗指出,真實用戶的行為很沒有規律。此模式的目的在于幫助你做出更好的決定,而不是精準的描述用戶行為。
3.合理利用頁面空間。
保持頁面的視覺平衡。避免擁擠和對空間的浪費。
確保關鍵數據沒有被截斷,除非數據特別長。
錯誤:
邏輯上相關的UI元素在空間上被分隔,且沒有明顯的視覺關聯。
控件的尺寸和間距恰當,沒有不必要的滾動。一個任務盡量在一屏內完成。
實際情況中,我們用戶的頁面空間要小于屏幕分辨率,它會因各種因素而壓縮,如:非全屏操作(彈出窗口和對比瀏覽),瀏覽器本身及各種輔助欄對屏幕的占用等,設計中要考慮這些情況。
4.不要讓布局本身成為突出的UI元素,保持視覺簡潔(visual simplicity)。
減少內容和展現上的嵌套層級。
減少控件不同尺寸的數量,例如,在界面上只使用一兩種按鈕寬度。
采用輕量級的分組和分割方式,可以用布局本身和分隔符代替分組框。
使用盡量少的對齊線。
5.選擇與頁面類型相匹配的版式。在設計之初,應充分考慮頁面承載的內容、功能和屬性,繼而選擇適合該頁面的版式。不合適的版式會造成用戶的閱讀困擾,降低任務的完成效率。
標準和規范:
1.柵格化:
我們所說的柵格化是指在工作中對柵格系統的建立和應用。網頁柵格系統來源于平面柵格系統,它以規則的網格陣列來指導和規范網頁中的版面布局以及信息分布。
柵格化可以使信息呈現工整簡潔、美觀易讀,降低頁面開發和運維成本。它結構變化相對靈活,擴展性強。
2.以8px為橫向柵格單位:
以8px為橫向柵格單位,頁面所有元素寬度都可以是2的倍數,包括圖片和版塊寬度,這樣可以在一定程度上加快頁面(特別是對于J-PEG圖片)的渲染速度(基于計算機內部二進制的運算機制)。其在擴展和兼容性上也有一定優勢。
在阿里巴巴中文站中,布局間距的最小單位為8px,布局區塊采用32px(8px*4)和24(8px*3)兩種粒度單位,分別組成以下兩種可實現的柵格系統:
32px:適用于市場、社區等相關頁面
24px:適用于旺鋪相關頁面
3.頁面定寬:
自適應可以根據瀏覽器顯示情況自動調整頁面寬度,但是因為用戶水平方向的聚焦范圍有限,所以當頁面過寬時,用戶的瀏覽和操作成本會增加;而當頁面過窄時(如用戶同時開啟兩個瀏覽器對比查看商品搜索結果),自適應則會導致布局變形和內容錯亂。給頁面規定寬度可以避免這些問題。
在綜合考慮當下主流分辨率情況、瀏覽器外觀對顯示空間的占用、人機工程學中對水平視角和聚焦范圍的規定以及8px單位等多種因素后,我們認為960px是一個相對更加合理的頁面寬度。在阿里巴巴中文網站中,推薦使用定寬960px的頁面,去除左右各4px的邊距,中間的可視寬度為952px。
公司建網站,最好的自已注冊屬于自己的網址,網站的網址如果是交由他人或其他的互聯網企業注冊,自已就很可能拿不到管理權限,不可以自行對網站網址進行解析,換言之,如果給你購買域名或者提供網址注冊的公司倒閉了,網站網址到期后,就可能因不能續費,而眼睜睜看著網址逾期,這一點,建網站有過親身經歷,因此,企業建網站最好是自已注冊網址,自行購買域名有一個缺點就是:網站的網址到期后,可能無人提示續費。有了網址的全部權,才可以自由解析網站的指向,這應該是一個網站的最高權限。那么建網站在網址方面該怎樣看待呢?
建網站的網址方面該怎樣看待
網址一樣,注冊下來永久使用。因而應該根據自己的產品及企業經營范圍,根據客戶的搜索習慣和產品特性,盡可能多地注冊網址的名稱,才能夠方便后期排名,更有可能被用戶搜索到。
建網站項目牽涉到工作通常包含。網站素材準備,網頁設計與制作,網站功能性局部順序開發與頁面融合,數據庫設計與數據輸入,主機購買或空間服務器租賃、主機存放,網址注冊與解析。這些做網站工作中,建設網站方案需要確定哪些是承建方的工作,哪些不是哪些是公司或者第三方的工作,以及各方工作之間的合作方式和要求。那么必需清晰說明這種合作的流程,其次是網站需要建設哪些欄目,
網址是需要另行續費的,除了服務器續費不及時,小編發現一些站長在公司建網站網址續費上也不及時,這主要是因為一個站長手頭上都有多個站點,尤其是搞站群的站長,手上的網址更多,而網址注冊的時間往往都不是一個時間,因此經常會有站長忘記網址的續費。對于com網址逾期30天內可以續費,逾期超過30天之后就不能續費了,因此站長最好經常關注自己的網址到期時間,或者對于經營比較好的站點可以一次性續費多年。
在進行網址注冊的時候一定要選擇一個比較正規的大型企業,由于這樣才能夠保證以后在進行網址過戶、續費或者其他業務辦理時能夠效率一些。現在有很多小公司在代辦網址注冊的服務,關于在這方面的看待不是說這些小企業不夠正規,而是當反應問題時,他們也是要繼續向上反應,這樣就無形中加上了回饋周期。
? 免費熱線:400-166-3538 ? 咨詢電話:13122077371 ? 咨詢QQ :63778992 ? 微信咨詢 : chunhua19820 | 公司名稱:上海緣震網絡科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區金海公路6055號29號3樓 分部:上海市寶山區長江路580號605室 商務官網:www.centos9.com 彥蓁科技:www.shyanzhen.cn | 緣震網絡成立于 2014 年,公司主要經營全案策劃,高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發、微信小程序開發、商城定制、SEO優化、電商托管、空間托管、網站維護、應用軟件開發、手機端APP開發、等為客戶提供一條龍網絡運營解決方案的的技術型企業。我們在人力資源、業務范圍、設計、技術、服務、信譽度、規范管理及企業文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰略合作,提供專業的網站建設與運營服務。我們的口號:廣結良緣、震古爍今! |