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

























