92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

編者按：今天這篇譯文全程滿滿當當的都是干貨，包含超多的實用經驗，比如讓元素在各個尺寸中保持邊界清晰的技巧，切片的專業方法，命名規則等，絕對值得每個UI設計師收藏起來！

如果你想讓你的排版擁有更令人愉悅的閱讀體驗，其實只需要有針對性地對三個方面進行調整就可以了。這些技巧不僅可以運用于設計領域，哪怕你用在文本文檔排版上都能收到奇效！

第一、常見蜘蛛：蜘蛛其實就是搜索引擎用來訪問頁面的程序，英文叫spider，也稱為機器人，英文為bot。有時候查看IIS日志就能看到各種蜘蛛訪問網頁的情況，對網站的優化起到一定的指導作用。當蜘蛛訪問一個網站時，會發出頁面訪問請求并返回HTTP狀態碼，然后蜘蛛會把這些狀態碼存入自己的數據庫，為以后的各種計算做鋪墊。常見的蜘蛛有百度蜘蛛(Baiduspider)、雅虎蜘蛛(Mozilla)、微軟Bing蜘蛛(msnbot)、搜狗蜘蛛(Sogou+web+bot)、Google蜘蛛(Googlebot)等。一般情況下，IIS日志都會有顯示，站長們應該多花點時間仔細看下蜘蛛對自己網站的訪問情況，然后對自己網站做出調整。

第二、文件存儲：文件存儲是搜索引擎的一個技術關鍵所在，同時也是面臨的一個挑戰。當搜索引擎爬行和抓取完成后，會把這些數據存入原始頁面數據庫。在這個數據庫存放的數據和用戶在瀏覽器中看到的頁面是完全一樣的。每個URL都會有一個獨特的編號。除此之外，還要存儲各種計算權重所需要的數據，比如各種鏈接的關系，PR的迭代計算等。這些數據量是巨大的。很多網站不存在時，我們可以訪問搜索引擎的快照頁面，這些頁面就是存在搜索引擎自己的數據庫中，與站長網站本身的數據沒有關系，是獨立存在的。平時的快照更新、排名波動都和搜索引擎的文件存儲有著直接的關系。

編者按：以下內容摘自《美國視覺設計學院之完形設計》，新手可以多看這些法則，并運用到你的設計過程中，防止自己做出甲方式審美的作品。

著名的室內設計大師Charles Eames曾說過，“細節并不只關乎它們本身，它們還構成了設計。”的確，每一個網頁都是由無數的細節構成，而其中的內容也是同樣由這些細節連接組織到一起。不論是提供信息服務的網站，還是APP的官方宣傳頁，任何一個優秀的網站都能夠經受得起挑剔眼光的洗禮，從圖片到布局，從字體到架構。

網頁設計的細節至關重要，因為正是它們給用戶留下好印象，這些細節支撐起網站的良好體驗，提高易用性。正如同Eames所說，它們成就了設計，不注意細節會讓設計感流失。

優秀的網站有著不一樣的亮點，但一樣地專注細節：《這樣才過癮！2014年最佳網站評選結果出爐

接下來，我們一同看看這11款設計驚艷的網站。它們的好設計源于細節，有的界面雅致，有的交互出彩。深入揣摩這些案例，也許你的下一個網頁設計作品會非常強大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

Basecamp 是一個基于網頁的項目管理工具。正如同它的介紹，速度和效率是至關重要的。

這是網站的驗證界面，設計師巧妙的事先隱藏了確認的按鈕，只有當你輸入了正確的驗證碼之后，OK按鈕才會出現。這種措施不僅提高了網站的性能，還通過讓按鈕從無到有，將“驗證碼正確”的概念具現化，觸動用戶，增加成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

在歐洲，在書中使用Colophons（題跋）可以追溯到15世紀的時候（中國就早很多了），不過這個網站是為了將其運用到網站上去。這次，Neoteric Design分享了他們網站的制作筆記——各個部分的功能，從字體軟件到編程語言和內容管理系統。如果訪客想知道一個網站是如何構建起來的，那么這個帶題跋的筆記可以幫助用戶方便快捷得了解這個網站的構建過程，滿足好奇心。

GW模式。（G=graphic,W=words）即為圖案＋文字模式。圖案經常為一些可以表示“空白”隱
喻的圖案或者是自家應用的吉祥物相關的圖案，抑或是可以為跟頁面引導相關的圖案。文字一般包含：標題，說明。標題通常是解釋此處空白的原因，如
“Oops,地理定位被關閉啦，無法使用該功能哦”，“網絡出問題啦”等，說明則解釋出現此狀況的原因和解決辦法等。文案的風格經常根據產品的調性去設
計，有些走賣萌路線，有些走高冷路線，有些甚至走狂暴路線等等。鑒于此類型是一種最常見的類型，單純的包涵文字或單純包涵圖案的設計手法也歸納到GW模式
中。如下圖：

Navicon，也就是漢堡圖標，已經成為越來越多網頁設計導航模塊時的首選了。相比于傳統的導航欄，隱藏式菜單導航在設計和用戶體驗上有著它獨到的地方。作為一個隨著移動端設計發展而崛起的網頁設計元素，Navicon并沒有減弱它引導用戶的功能性，也沒有喪失它作為基礎網頁組件的重要性，還為設計師和開發者提供了更大的創作空間。

如何正確使用Navicon取決于項目的實際狀況，相對保守的站點可能不會考慮這個選擇，而不少追求時尚簡約、多平臺體驗統一的新興網站可能會更加青睞Navicon，因為作為導航接口的它小巧而討喜，輕松配合大圖和時尚的網頁設計，并且隱藏起復雜的、零碎的導航內容菜單。

Navicon很單調么？并非如此。借助額外的打開過程動效和抓人眼球的細節效果，Navicon擁有非常大的提升空間和設計可能性以及良好的用戶體驗。更重要的是，它適用于各類導航：不僅可以清楚的傳達信息，而且有助于解決響應速度方面的問題，并且能夠促進網頁在多平臺設計上的統一。

如何設計一個靠譜的Navicon：《數據告訴你真相！漢堡圖標并非最佳菜單方案》
深入了解不同的導航模式：《交互基礎知識科普！帶你認識最熱門的12種導航模式》

接下來，我們通過一系列的網頁設計，來深入了解Navicon和隱藏式菜單導航的魅力。

eWebDesign

大圖背景和視差強化了網站視覺，Navicon菜單按鈕在右上角，點擊打開你會看到一個設計非常細致的導航菜單。

Sampedro

時尚的照片放置與網頁的頁頭，配合著時髦的Slogan吸引著用戶全部的吸引力。隱藏的導航欄是個理想的解決方案，它讓用戶將注意力從復雜的導航轉移到內容上。

為什么傳統的標注方法讓人難受？

沒錯，Markman 是傳說中的標注神器，看起來也確實方便快捷，但是當一個頁面中，要同時標注間距、大小、顏色和字號時，過多的信息一齊扔給工程師，就會讓人有些抓狂。比如這樣：

編者按：今天@十萬個為什麼 同學的譯文討論了當下最熱門的11種設計模式，每種模式都有特別深入的講解以及對應的APP范例，全是多年沉淀下來的通用型設計經驗，絕對是百里挑一的干貨。

任何移動應用，若沒有用戶起初和持續不斷的輸入，就什么也不會發生。因此，移動產品設計師、開發者和產品經理要了解最佳的輸入方式，這點至關重要。盡管移動應用——還有使用它們的用戶——通常都很獨特，但仍有很多通用模式（新舊都有）用來解決這一特殊問題。

移動應用的設計中，最容易被忽視的地方就是空白或者異常情況的設計。從傳統PC時代web的異常頁面如404，502等頁面的設計體驗遷移過來，移動應用的空頁面，網絡故障頁面等展示也有相似的設計模式。從以前的純文本的排版設計，到后來404成為設計師們
展示圖形創意的舞臺，移動應用的空白情況頁面的設計也從純文本提示到后來精彩紛呈。然而在移動應用的設計中，空白頁面的的作用不僅僅在于給用戶以溫柔或者
精彩的提醒，安撫用戶焦急或是疑惑的情緒，更重要的是，空白情況頁面可以引導用戶去填補“空白”。人都是害怕空虛寂寞冷的，當你面對一個空虛寂寞冷的頁面
的時候，善意的指點迷津的一些語言和畫面告訴你咱們還是可以有方法來填補你的寂寞空虛冷，這時候，用戶的操作行為就會被觸發，潛移默化中指引用戶完成填補
空白的工作，那么，無論從用戶個體的活躍度上還是整體的留存率，活躍度上，你設計的空白頁面做到了拉升的作用，對電商產品和社交產品等來說，這些頁面可謂
是自己展示產品調性，曝光功能，加深引導的黃金地段。