標簽歸檔:屏幕

大產品小細節!5分鐘帶你了解經典的費茨定律

金蝶云之家體驗部交互設計師-王梓銘:大家有沒有想過為什么按鈕越大,越易于點擊 ?為什么相關按鈕需要相互靠近擺放 ?為什么 Win 系統要將「開始」按鈕放在角落 ?這些設定的背后其實都有一個在人機交互中…

簡而未減——結構化消息專為大屏而設計

隨著大屏幕高清分辨率的普及,我們在打游戲、看電影、瀏覽美圖時,總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗,是在小屏幕上完全給予不了的。

騰訊設計師做了100個彈框后的總結

JHong:最近2年一直在做Web/App相關項目,設計過上百個彈框,其中總結了一些心得,將透過以下文章介紹彈框在Web上的各種應用﹑技巧及表現。

像素如何影響你的設計?

作為設計師,無論如何做設計,都要被束縛在有限的尺寸之內,平面設計用厘米毫米,互聯網設計師用像素,分辨率等等來力求在有限的空間內設計出滿意的作品。

智能手機屏幕的秘密

為什么iPhone的屏幕看起來那么精細,而電腦的屏幕貼近看全是顆粒點。市面上那么多奇奇怪怪尺寸的屏幕,我是不是每一個屏幕都需要做設計?讀完下面文章你一定會找到答案。

一花一世界,在可穿戴設備上應該如何設計UI?

從PC到手機,人們開始研究如何在更小的屏幕下設計出體驗更佳的UI。如今,伴隨著可穿戴設備的到來,如何在2英寸見方的屏幕中為佩帶者提供更為舒適的體驗便成了當下需要解決的問題。雖然“設計”一詞乍聽起來可能…

超贊的響應式圖像解決方案

自從2010年Ethan Marcotte開始討論響應式網頁設計,開發者和設計師們競相尋求處理響應式圖片的方法。這的確是一個棘手的問題?,因為我們對同一個網站在眾多設備寬度下,使用同一圖像源。…

如何設計好用的觸控手勢

引言 我們生活在一個人機互動頻繁,由設備驅動的世界中。 隨著觸摸屏逐漸成為移動設備的標配,多點觸控手勢的廣泛應用,讓我們與手機、平板電腦甚至是筆記本電腦之間建立起了一種更寬廣的聯系方式。

小而美:清晰的可穿戴設備界面

移動端的設計教育我們要設計得小,如今,可穿戴設備則使我們的設計愈發的小。手表的設計或許聽起來嚇人,但只要回到設計理論的本源,你就能做出正確的選擇。

帶你深入學習VIEWPORT和PX

剛開始接觸移動頁面重構,是不是很迷惑應該按照多大的尺寸制作?320、640還是720?按照640的設計稿重構完頁面,是不是還需要寫其他尺寸來適配不同的屏幕大???—— 這源于對viewport和px的不…

iOS人機界面指南-3D Touch

3D Touch給iOS 9的用戶帶來更多的互動維度。在支持的設備上,人們可以通過按壓主屏幕應用程序的圖標快速選擇特定的操作。在應用程序中,人們可以使用壓力來獲得項目的預覽,可以在一個單獨的視圖中打開…

如何做一個讓人聞風喪膽的 H5?(內有干貨)

前言 最近火熱的有聲娛樂平臺 APP,企鵝 FM,在8月28日鬼節前夕,聯合《盜墓筆記》推出了“勇敢者的游戲”活動。作為一個 UI 工程師,在這個移動互聯網叱咤風云的時代,每次看到朋友圈…

大尺寸觸屏:有何不同?

摘要:大尺寸觸屏的相關設計需要特別注意輸入、屏幕焦點和個人隱私。 在這個需要考慮各種屏幕大小和尺寸的年代,側重小屏幕已成為一種常識。我們的設計和交互主體必須要在最小的屏幕上也能正常工作,比如手機和智…

移動設備上,廣告位置如何影響用戶體驗

由于可用的屏幕頁面有限,需要予以移動頁面的排版(包括廣告)設計更多的關注。廣告的展示位置不能制造錯誤空間,也不能導致用戶無法接收到相關內容。

Apple Watch用戶體驗測評

智能腕表上的應用程序應該更多依靠手勢操作而不是導視元素,應該優先考慮最重要的信息傳達,支持越區切換操作,創建為用戶量制并且獨立的內容。