菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计规范
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
iPhone X 话题
首页
设计文章
iPhone X
iPhone Xs Max
收录3篇文章
iPhone Xs
收录2篇文章
iPhone X转角细节
收录1篇文章
Apple Watch
收录26篇文章
redesign
收录24篇文章
教程
再不好好学习，iPhone Xs 都有可能会替代你
苹果公司每年9月的新品发布会，有着越来越大的影响力。iPhone X 98% 的好评率大概是iPhone 系列产品的一个缩影，它们确实是这个时代智能手机的标杆。我们每年都会在发布会上看到新一代的iPhone 变得更好了一点，芯片性能提升100%，容量从之前的256GB的上限提升到了512GB，类似这样的说法每年都会听到。
2018-09-14
iPhone
下载
超全！最新的iPhone XS 展示模板打包下载！
新 iPhone 发布！老板催你做适配了么？优设为大家收集了一套 iPhone XS、iPhone XS Max、iPhone XR 展示模板，可以用于展示 UI 视觉效果。
2018-09-13
iPhone X
UI
想为iPhone X设计UI？给你这11个设计小贴士
为iPhone X进行UI设计的时候，和以往截然不同的屏幕和交互方式，会使得UI设计师面临一些全新的挑战。当然，全新的设计，在很多时候还会给设计师一些新的机遇。在今天的文章当中，我将会分享一些为iPhone X做设计的技巧和建议，这些建议能够让 iPhone X 上的UI设计更棒。
2018-08-07
iPhone
产品
这篇分析iPhone X 转角细节设计的文章，收获了15000+个赞
iPhone X 发布后，很多设计师吐槽屏幕的形状。当大部分的吐槽逐渐平息下来，我依然没看到关于屏幕转角细节设计的讨论。你理解的转角是什么样的?当你开始设计转角的时候，毫无疑问，一定是设计成简单的方形。
2018-01-31
iPhone X
UI
腾讯设计师：极速适配 iPhone X 的技巧揭秘！
有什么方法可以极速适配iPhone X ？今天这篇好文腾讯设计师以QQ空间H5的项目为例，给大家分享最快的适配方法！一. iPhone X适配方案2017年9月苹果发布了iPhone X机型，对于它的「刘海儿」和底部Home Indicator，QQ空间H5也在第一时间做了兼容适配。
2018-01-14
H5页面
教程
如何适配iPhone X？来看滴滴出行的实战案例复盘！
张瑨：iPhone X 上市已经有一段时间了，不知道使用 iPhone X 的小伙伴是否已经习惯了 iOS 11 操作系统和 iPhone X 手机特有的操作体验。滴滴出行在 iPhone X 发售前就针对其操作特性进行了界面适配，保障了 iPhone X 用户的全面屏操作。现在 iPhone X 的适配结果已经得到了良好的用户反馈，由此我们梳理了移动端界面 iPhone X 的适配方案，并从整个适配过程中探索到万变不离其宗的适配方法，为后续不断更新的多尺寸屏幕提供更好更快的适配思路。
2017-12-05
iPhone X
教程
如何适配iPhone X？来看QQ 音乐这个实战案例复盘总结
编者按：QQ 音乐团队设计师们做了一些研究工作，从方案对比选型到确定适配方案，都是希望能让产品更好地适配 iPhone X。本文将与大家详细分享从了解 iPhone X、到适配方案研究、最后方案实施的点点滴滴。△ QQ音乐界面关于 iPhone X 的信息工欲善其事必先利其器——《论语 · 卫灵公》在着手构思任何解决方案之前，我们都需要先仔细了解事物的本质。
2017-11-21
iPhone X
教程
为了让 iPhone X 更好浏览网页，我给网页加了个导航按钮
编者按：iPhoneX 发布之后，全新的屏幕和为之适配的iOS系统，为我们呈现出全新的交互。之前我们习惯了的交互，在这块带着刘海的屏幕上，不再完全相同，之前恰到好处的设计，在这块屏幕上似乎也没法完美的运作了。产品设计师Daniel Korpai 发现了在iPhoneX移动端网页导航上存在的交互上的问题，并撰写此文。
2017-11-10
iPhone X
教程
H5页面如何适配iPhone X ？腾讯设计师给出了通用解决方案！
编者按：腾讯的设计师用王者荣耀的H5 页面案例，帮你学会给iPhone X 做适配。腾讯ISUX ：目前的 H5 页面可以分为通栏页面和非通栏页面两种，每种页面都可能有底部操作栏，具体如下：一. 通栏页面顶部通栏某些业务的一级页面多数使用了顶部通栏 banner 的效果，由于 iPhone X 在状态栏增加了24px的高度，对于现在通栏 banner 规范的内容区域会有遮挡情况。解决方案：对于通栏页面在页面顶部增加一层高度44px的黑色适配层，整个页面往下挪44px。
2017-11-08
H5页面
教程
动手试试！手把手教你如何适配 iPhone X
编者按：基于很多文章都只是翻译了官方的原文，并没有加入自己的想法和见解，所以我决定自己试着适配 iPhone X，如果出现了失误或者问题，请多指教。毕竟写文章的初衷是为了跟大家一起进步和探讨呢~熟悉 iPhone X这里用 iPhone 6 举例子是因为大部分设计师都用 iPhone 6 来做设计稿，方便大家理解，其实 iPhone 8也是这个分辨率。iPhone 6 ：750×1334px（375×667px @2x）iPhone X ：1125×2436px (375×812px @3x)在逻辑...
2017-09-27
iPhone X
教程
iPhone X适配没那么复杂，但也不是看上去这么简单
iPhone X 搭载了超大，高清晰度，大圆角，无边框的显示屏，又一次刷新了我们对内容优先的沉浸式体验的认识。——翻译自《Human Interface Guiidelines》屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因素在于PPI（DPI），了解屏幕密度与各尺寸的关系有助于我们深度理解倍率的概念：《基础知识学起来！
2017-09-22
iPhone X
教程
谷歌设计师：如何评价新版 iPhone X 的设计规范？
Riceman：发布会谢幕了，媒体们也发完了新闻稿，朋友圈也热闹过了，接下来的工作该轮到设计师了。iPhone X 11月才发货，但你也许已经接到做适配设计的任务了。在这之前，让我们先来看看这个 iPhone X，对 UI 设计师的日常工作有什么影响。
2017-09-18
iOS 11
教程
解析 iOS 11：苹果还像过去一样在意细节吗？
@Ryan Lau ：北京时间 13 日凌晨，Apple 在 Apple Park 内的 Steve Jobs Theater 召开了秋季特别活动，在为全面屏的 iPhone X 揭开面纱的同时，Apple 向开发者们推送了即将在 19 日正式推送的 iOS 11 GM 版本，笔者也在第一时间更新了自己的 iPhone。笔者在 6 月份的 WWDC 后尝鲜了 iOS 11，在经历了一个暑假的更新后，iOS 11 终于走到了正式版。笔者使用的是 4.7 寸的 iPhone 7，在一番体验后，却发现 i...
2017-09-18
iOS 11
教程
取消了Home键的 iPhone X，交互方式都有哪些变化？
@__WATERS ：iPhone X 作为一台全面屏的设备，和上一代的 iPhone 7 还是有着很大的区别，这些区别不仅体现在材质和工业设计上，在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」（同为 375pt），但在高度方面就比原先多出了 145 pt ，再加上 iPhone X 去掉了最为标志性的 Home 键，这两点直接导致的就是界面的布局和交互会发生相应的变化。△ 图 / Apple接下来我们来看看在 iPhone X 上...
2017-09-18
iOS 11
下载
最新版iOS 11设计规范发布了，来下载官方源文件！
今天iPhone 8 和iPhone X 刚发布，编辑看到iOS 11的设计规范也更新了，而且还有界面源文件，包括Sketch和 Adobe XD 格式，还有视频介绍，赶紧来收。官方视频观看：http://pan.baidu.com/s/1boFZk8B源文件下载PSD 格式：https://pan.baidu.com/s/1qXESGawAdobe XD 格式：http://pan.baidu.com/s/1bo00asvSketch 格式：http://pan.baidu.com/s/1gf8F...
2017-09-12
iOS 11
没有更多文章了
大家都在看
海报设计
文章 274
立即查看
设计圈干货
文章 188
立即查看
产品设计
文章 496
立即查看
动效设计
文章 203
立即查看
经验分享
文章 5004
立即查看
酷站
文章 642
立即查看
psd下载
文章 134
立即查看
视觉设计
文章 182
立即查看
版式设计
文章 197
立即查看
优设读报
2022年08月11日 星期四
01
UC 浏览器更新 LOGO：变得更抽象更简单
02
音乐内容平台 Billboard 正式官宣进入中国
03
微信 PC 版新增手机与电脑聊天记录互相迁移和合并
04
广东工业大学 Figma 已被禁用
05
淘宝上线方言语音搜功能：支持识别东北话、河南话等
查看全部
改版设计
大公司的改版方法和实战案例都在这了！
查看专题
专题
已有154.0w位观众
已收录
41
篇持续更新
实战案例！众安保险PC官网的改版设计经验总结
32735 人阅读
上亿人使用的唱吧APP V8.6 改版设计过程揭秘
31794 人阅读
细节
「淘票票」的特色筛选机制，助你分分钟选对电影院
在「淘票票」的购票页面，有个「特色」选项可对影院进行除了地址选择以外的更加细致的筛选。不仅可根据对放映厅的需求（如「杜比影院」「4D厅」等）进行影院搜索的限定，还可以根据影院是否支持退票或使用影城卡来进行电影院筛选。特别值得提出的是「可停车」这个筛选选项，通过是否提供停车服务来筛选电影院，对于很多开车出行的用户而言真的解决了痛点。
2019-09-17
AmberDu小白
人性化
设计问答
全部问答
优设标题圆可以商用吗？
新鲜问答出炉，等你围观回答
大大们，优设那款标题圆字体可以商用吗？LOGO设计，注册商标啥的行不行啊？
我来回答
优设琅琊榜
查看全部
1.7w
1/9
活泼酷炫风格多变！绘画是冬言Dongyan的氧气和语言
冬言
年轻人最好不要丧
设计神器
全部神器
久等了！Photoshop 的设计构建工具UI-DNA正式发布！
神器推荐
节省80%的无用功！强烈推荐这4个提高效率的Sketch插件
神器推荐
第一波！2022年8月精选实用设计干货合集
神器推荐
还缺免费英文字体？9款活泼可爱风格的字体打包！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
微博内容运营
武汉
大专及以上
经验不限
4k-6k
资深设计师
北京
学历不限
1-3年
15k-25k
优设内容编辑
武汉
本科及以上
1-3年
8k-10k
查看全部
行业新闻
发布行业新闻
可持续发展设计奖杭州论坛完美落幕，共赴低碳生活
活动赛事
NVIDIA Studio 创意加速：3D 艺术奇才 FESQ 分享其令人震撼的超现实主义动画
品牌资讯
作品落地效果不行？来收下这份印刷必知的纸张知识
行业新闻
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题
