• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 10個改善UI設(shè)計的技術(shù)	共有1502人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時間：2019/12/6 10:35:00 樓　主 10個改善UI設(shè)計的技術(shù) 　　在設(shè)計成品中，UI設(shè)計越來越顯得重要。而現(xiàn)實中有很多可以讓一個網(wǎng)頁設(shè)計既漂亮又功能化的技術(shù)，這里，原作者介紹了10種他經(jīng)常用在自己設(shè)計的產(chǎn)品中的技術(shù)。如果你想擁有更好的UI，讓我們一起繼續(xù)。 　　1.填充鏈接塊鏈接（或錨點）都是默認(rèn)的內(nèi)聯(lián)元素，這就意味著，只有在它本身的跨度上才有可點擊性。如下圖所示（藍(lán)色部分為可點擊區(qū)域，一圖是TechCrunch的，二圖是SmashMagazine的）： 　　顯示，SmashingMagazine的鏈接可點擊性要比TechCrunch強。這可以增大點擊的正確率和點擊率。而如果你想這么做，只要用以下的代碼即可: 　　a{display:block;padding:6px;} 　　當(dāng)然，要提醒一下的是，請確保運用Padding是恰當(dāng)?shù)?，IE有可能讓Padding沒能正常實現(xiàn)其真正的樣式。有效避免Padding出現(xiàn)問題的方法是盡量讓它們與沒有padding或Margin的容器接觸，而常用的方法是，給padding的元素加上一個border。 　　2.按鈕文章的排版別小看這個問題，這可能是區(qū)分一個產(chǎn)品好與壞的一個細(xì)節(jié)。好的設(shè)計者會做到視覺平衡。讓我們來看看下面的例子： 　　第一眼看起來還好，但看越覺得不對。你會覺得按鈕上的文字好像偏上了。因為大寫字母我小寫字母混大一起時，有一些是需要向上頂，或向下的（中文方塊字就不會了，很好?。┪蚁氡磉_的是： 　　那么，我們需要怎么做呢？如果我們不想全部都是大字字母的話，可以按照下面的方法。讓他們都在同一個水平的空間內(nèi)，而且是向下沉的，這樣做，可以現(xiàn)好地平衡視覺效果，讓人看起來文字正好在中間： 　　3.使用對比來突出焦點我想，我自己常用這個方法。因為這即安全又環(huán)保（囧），讓我們來看看下面這個吧： 　　看完上面的，讓我們來對比一下下面的文字，有什么區(qū)別呢?很明顯，我們把焦點放在大標(biāo)題上。 　　不過，需要注意的是，你要突出的是標(biāo)題，而不是一些比較將要的東西，所以，把焦點用對，向下面這個，并不適合： 　　4.使用顏色來突出焦點顏色通?？梢砸鹩脩舻淖⒁?，而你可以用突出的顏色來展示你想要展示的結(jié)果，就像下面一樣： 　　不過，就像上面我們在說標(biāo)題的焦點一樣。你最好把顏色選對。做比較好的搭配，并確保要突出的內(nèi)容出現(xiàn)在上方，而不是有被壓著的感覺，就像下面這兩個實例： 　　Function把HEADER區(qū)域中的"We’reHiring"的鏈接突出來，像你現(xiàn)在所看到的，會沒有顧忌地把注意力投過去。從而使這個鏈接不會被遺忘，另外，讓我們來看看下一個： 　　Causecast剛把重要的東西都放在粉紅色的背景下，比如Feedback，LOGO，DONATE等。 　　不過，切記，不要隨便讓一個頁面充滿顏色，這樣會失去焦點；不要運用太另類的搭配，這可能引起反感。適當(dāng)利用，懂得我們的目的是要突出所需展示的內(nèi)容，而不是在顏色本身。 　　5.用空行來表示關(guān)系這個說起來好像有點讓人摸不著究竟能體現(xiàn)出什么關(guān)系來。其實，你只要看看平時我們看書的時候，通常每一個章節(jié)或者某個段落都可能用空白來隔開，表示他們屬于各種的內(nèi)容，就是這個意思，下面讓我們來看一個例。這個排得很漂亮吧： 　　對，確實很漂亮。不過，在標(biāo)題與段落之間，他們的間隔都一樣，容易讓人產(chǎn)生不知道這個標(biāo)題是屬于那一段的感覺。而我們能做得更好，比如像下面一樣顯示，讓人一目了然。 奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶