标签归档:尺寸

三分钟搞清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项目是在设计师和开发无法流畅沟通的前提下搞定的,协作才是做好项目的基础。 我曾看到经验丰富的设计师和开发者因为沟通不畅和误会导致项目失败,也见过新手设计师和开发团队一起通过高效协同,做出惊艳无比的设计项目。