-
25款純CSS的星級評定效果實例欣賞
Simple Star Rating Star Rating In CSS Star Rating For Email CSS Star Ratings With Radio Buttons CSS Imageless Star Rating Readonly Pure CSS 5-star Rating CSS Star Rating System With SVG Star Rating Co…- 2.9k
- 0
-
網(wǎng)頁柵格系統(tǒng)應(yīng)該怎么用
概要 一、柵格系統(tǒng)的必要性 二、柵格系統(tǒng)的基本概念 三、柵格系統(tǒng)的分類及計算公式 四、柵格系統(tǒng)在響應(yīng)式布局中的應(yīng)用 五、網(wǎng)頁柵格系統(tǒng)的使用步驟 一、網(wǎng)頁柵格系統(tǒng)的必要性- 7.6k
- 0
-
UI界面圖標(biāo)設(shè)計終極指南
今天看到了一篇非常棒的問題，詳細(xì)闡釋了 圖標(biāo)設(shè)計 過程中方方面面的知識點，今天，咱們就來看看設(shè)計師Slava Shestopalov的文章： 1 使用光柵來更好的設(shè)計圖標(biāo) UI界面的圖標(biāo)通常可以近- 5.7k
- 0
-
創(chuàng)建用戶友好型表單
表單解析 表單的目的、內(nèi)容、大小長度等雖然各不相同，但基本元素比較固定；合理組織這些元素有助于用戶輕松完成表單填寫。 Amazon創(chuàng)建賬戶表單解析 i.標(biāo)題：這個元素幫助用戶引- 2k
- 0
-
掌握8個要點，設(shè)計友好的表單！
表單結(jié)構(gòu) 雖然表單類型多樣，有不同目的的、收集不同內(nèi)容的、不同尺寸的，但是卻有一些共同的基本的元素可以幫你的用戶快速且順利地填寫它。 【亞馬遜創(chuàng)建賬戶的表單】 1. 類別- 3.5k
- 0
-
2018年網(wǎng)頁設(shè)計的19種趨勢！
在創(chuàng)意產(chǎn)業(yè)中，我們很容易就能從趨勢中獲利，畢竟關(guān)注熱點并不需要創(chuàng)意或是創(chuàng)新除非你是為了不斷地改變趨勢。 但創(chuàng)意是一種對話。 自從我們第一次學(xué)會用木炭在洞穴壁上的赭石- 7.8k
- 0
-
為iPhone X設(shè)計， iOS 11設(shè)計指南
iPhone X，一款屏幕更高且?guī)缀鯖]有邊框的新一代iPhone。iOS11伴隨著iPhone X的誕生而產(chǎn)生新的適配規(guī)則。5.8英寸的OLED屏幕比iPhone 8 Plus的5.5英寸屏幕還要大，但機身尺寸與iPhone 8相同。對于設(shè)- 4.2k
- 0
-
移動應(yīng)用彈窗設(shè)計指南
彈窗、對話框，隨你怎么稱呼，這些小窗口出現(xiàn)在屏幕上從來都不是理所當(dāng)然。雖然它們是你應(yīng)用中一些相對較小的元素，卻扮演著影響用戶體驗的重要角色。 一方面，它們可以幫助用- 2.8k
- 0
-
如何設(shè)計好看又好賣的企業(yè)產(chǎn)品官網(wǎng)
在談到企業(yè)產(chǎn)品的營銷時（本文中提到的企業(yè)產(chǎn)品是指給企業(yè)客戶使用的軟件/應(yīng)用），一種觀點認(rèn)為客戶肯定是靠線下推廣來獲取的，另一種觀點認(rèn)為應(yīng)該讓用戶主動購買而不是被動推- 6.8k
- 0
-
APP UI界面的版式設(shè)計理論
APP UI 的界面看似只有幾個簡單的元素組合起來，所有元素的繪制可以說比較簡單，然而當(dāng)一個產(chǎn)品原型出來后，設(shè)計師如果單純按原型來進行設(shè)計而不考慮信息化規(guī)則，那么很多時候就- 11.1k
- 0
-
5個表單設(shè)計新規(guī)則
每天我們都使用表單進行基本的網(wǎng)上操作。網(wǎng)上購物、注冊郵箱、社交網(wǎng)絡(luò)甚至參與討論、描述美味的午餐等等都需要我們填好表單。不夸張地說，表單是數(shù)字信息分享的生命根基。然- 4.8k
- 0
-
搜索結(jié)果的最佳實踐分享
每一次搜索過程實際上就像是用戶和系統(tǒng)之間的一次對話：用戶將他們的信息需求表征為每一次查詢，而系統(tǒng)則將其響應(yīng)表達為一組結(jié)果。搜索的結(jié)果頁面則是整個搜索體驗的一個關(guān)鍵- 2.5k
- 0
-
如何設(shè)計出一個完美的搜索框
所謂搜索框，實際上就是一個輸入域和提交按鈕的組合。有人可能會認(rèn)為搜索框并不需要設(shè)計， 畢竟它只涉及到兩個簡單的元素。然而，在那些重內(nèi)容的網(wǎng)站上，搜索框常常都是用戶最- 7.4k
- 0
-
網(wǎng)頁布局大解放，2017年十大網(wǎng)頁設(shè)計趨勢
網(wǎng)站設(shè)計最迷人之處就是不斷變動，技術(shù)的演進讓設(shè)計師與工程師可以不停實驗創(chuàng)新，帶來更好、更流暢的使用體驗，以及讓人處處驚奇的感官饗宴。今年網(wǎng)頁又會有哪些有趣的風(fēng)格將- 4.9k
- 0
-
一稿適配所有iOS設(shè)備（三）
按照計劃，這篇文章將是這個系列里的最后一篇了。 在上一篇文章中，為了讓最后的三個第三方登錄按鈕的間距能夠根據(jù)屏幕的寬度自動調(diào)整，我先添加了一個組，再在組里面添加約束- 2.4k
- 0
-
如何表達App的隱藏手勢操作
手勢操作，是通過手指輕微移動來讓用戶操作應(yīng)用。觸屏界面提供了許多自然的手勢，比如點按、滑動、雙指縮放。但這些交互方式不像UI控件，通常對于用戶是不可見的。除非用戶事- 2.4k
- 0
-
從用戶的視角看待你的設(shè)計
計師看一個網(wǎng)站、一本宣傳冊、或一個包包的角度與普通人是完全不同的，不單單是審美的問題。你可能會更關(guān)注排版與設(shè)計的細(xì)節(jié)，而用戶的關(guān)注點則完全不同。 用戶只在意他們是否- 3.5k
- 0
-
這只是一個箭頭
箭頭符號可能是人類圖形史上最偉大的創(chuàng)造。 足夠簡單的圖形承載著豐富而又抽象的概念。如果追溯起來，箭頭符號的現(xiàn)實原型就是弓箭的箭頭。所以箭頭指向的方向意味著獵物，意味- 3k
- 0
-
APP中圖標(biāo)設(shè)計的小技巧
在早期的計算機圖形學(xué)領(lǐng)域內(nèi)，圖標(biāo)只能在有限的范圍內(nèi)被使用。從人機交互的角度來說，使用圖標(biāo)比使用文本更具有優(yōu)勢，原因如下： 簡單、醒目、而且友好，可以取代一段冗長枯燥- 5.3k
- 0
-
側(cè)抽屜遭嫌棄，如何設(shè)計優(yōu)秀的導(dǎo)航欄？
手機屏幕尺寸越做越大，作為互聯(lián)網(wǎng)的深度用戶，我相信你已經(jīng)深刻體會到側(cè)抽屜導(dǎo)航在移動（和桌面）端是如何降低用戶體驗的。先不談它較低的可發(fā)現(xiàn)性和使用效率，拿出你的手機- 3.6k
- 0
-
動效設(shè)計，你應(yīng)該知道的7件事
動效不僅是裝飾，其本質(zhì)是用戶對物理對象操作時獲得的交互體驗反饋，在提高使用效率的同時感到愉悅。因此，大多數(shù)用戶都期待動效作為交互體驗的組成部分。讓用戶滿意和愉悅是- 4.3k
- 0
-
產(chǎn)品插畫設(shè)計中的比喻技巧
【譯者注】Shopify是一家位于加拿大渥太華的電商軟件開發(fā)公司，專門為中小零售商提供建立網(wǎng)店的Saas服務(wù)，能對接主流ERP系統(tǒng)，為客戶提供打單、發(fā)貨、運單號自動回傳、訂單業(yè)績匯- 2.7k
- 0
-
UI設(shè)計師急需掌握的平面設(shè)計基礎(chǔ)
曾看到網(wǎng)上一些帖子討論UI設(shè)計師和平面設(shè)計師的差異，總結(jié)為思維方式的不同: UI設(shè)計師考慮用戶習(xí)慣和易用體驗，平面設(shè)計師專注于更具吸引力的信息傳達。兩者側(cè)重不同但專業(yè)上有- 4.1k
- 0
-
2017年十個UI設(shè)計趨勢
UI 設(shè)計越來越重要，它在直觀塑造企業(yè)形象的同時，也成為留住用戶的關(guān)鍵。與此同時，UI 的設(shè)計風(fēng)格每一年都在發(fā)生變化。就像是扁平化、手勢、微交互、卡片式成為過去兩年中的關(guān)- 20.6k
- 0
掃碼打開當(dāng)前頁
微信掃碼聯(lián)系我們
-
￥優(yōu)惠劵使用時效：無法使用使用時效：
之前
使用時效：永久有效優(yōu)惠劵ID：×