標簽歸檔:尺寸

三分鐘搞清iPhone X 設計尺寸和適配

被iPhone X刷了一天屏,到下午實在受不了各種標題寫著“iPhone X 適配、指南、設計稿” 內容卻是發布會回顧和手機介紹的標題黨。索性自己寫一篇只針對iPhone X適配的貼子,與適配無關的內…

盡信工具,還不如沒有工具

在產品設計的過程中,好的工具能提高我們的效率。但與此同時,工具因其自身的局限性也會引發一些問題。在今天的譯文中,作者 Luke 分析了這些問題,然后給出了解決方案,并鼓勵設計師要相信自己的眼睛和直覺。…

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

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

像素如何影響你的設計?

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

智能手機屏幕的秘密

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

如何做出這種有厚度的 APP 界面圖片?

之前知乎的回答,希望能幫到新人朋友。這個其實想說的是,大家在下載素材或者別人的PSD,也或是參考別人的作品的時候,都可以仔細的研究下別人是怎么做的。

iOS 9 人機界面指南(五):圖標與圖形設計

譯者注:本章是iOS Human Interface Guideline的最后一章,文末附上全文PDF下載地址。譯文如有任何疏漏之處,或任何意見或建議,請不吝指出,翻譯組感謝大家長久以來的關注和支…

從交互設計角度,聊聊WEB網站和移動APP的六大差異

做交互設計近4年,參與過Web網站和移動App的設計,前者依托于PC的瀏覽器,后者則是依托于手機/平板電腦。不同的設備/平臺均有各自的特點,以至于在設計這兩類產品時也有些許差異。

帶你深入學習VIEWPORT和PX

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

iOS APP UI設計之從效果圖到UI切圖

聲明:這里寫的不是一種規范,只是一種工作方法,大家在具體工作中,一定要靈活運用。另外,技術的更新是非??斓?,我寫的這些可能某些東西已經和你們的工程師搭檔所用的方法不一樣了,所以,還是要靈活運用~

Apple TV 人機界面指南

新Apple TV重新定義了起居室的體驗,你能將非同凡響而身臨其境的內容投放到大屏幕上,這是前所未有的體驗。

大尺寸觸屏:有何不同?

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

最新Android & iOS設計尺寸規范

Android 和 iPhone、iPad以及主流手機屏幕的分辨率和相關設計尺寸規范

基于屏幕的圖片尺寸的邏輯關系及移動界面的尺寸知識點

我知道這個標題念起來會讓你覺得非常拗口,如果你是中文系畢業的,或許還能從中挑出語病來,但我想你明白我要表達什么意思,對不對O(∩_∩)O哈哈~

五大技巧幫你提速響應式網頁設計項目

沒有哪個成功的Web項目是在設計師和開發無法流暢溝通的前提下搞定的,協作才是做好項目的基礎。 我曾看到經驗豐富的設計師和開發者因為溝通不暢和誤會導致項目失敗,也見過新手設計師和開發團隊一起通過高…