菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计宝藏
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
iPhone X 话题
首页
设计文章
iPhone X
iPhone Xs Max
收录3篇文章
iPhone Xs
收录2篇文章
iPhone X转角细节
收录1篇文章
设计流程
收录155篇文章
版式设计
收录274篇文章
教程
再不好好学习,iPhone Xs 都有可能会替代你
苹果公司每年9月的新品发布会,有着越来越大的影响力。iPhone X 98% 的好评率大概是iPhone 系列产品的一个缩影,它们确实是这个时代智能手机的标杆。我们每年都会在发布会上看到新一代的iPhone 变得更好了一点,芯片性能提升100%,容量从之前的256GB的上限提升到了512GB,类似这样的说法每年都会听到。
2018/09/14
iPhone Xs
下载
超全!最新的iPhone XS 展示模板打包下载!
新 iPhone 发布!老板催你做适配了么?优设为大家收集了一套 iPhone XS、iPhone XS Max、iPhone XR 展示模板,可以用于展示 UI 视觉效果。
2018/09/13
iPhone Xs Max
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
没有更多内容了
大家都在看
职场规划
文章 429
立即查看
职场经验
文章 281
立即查看
交互设计
文章 832
立即查看
干货合集
文章 206
立即查看
版式设计
文章 274
立即查看
logo设计
文章 204
立即查看
AI教程
文章 137
立即查看
UI设计
文章 963
立即查看
设计干货
文章 160
立即查看
优设读报
2023年02月03日 星期五
01
黄河国家文化公园 LOGO 在洛阳正式亮相
02
苹果前首席设计官 Jony Ive 推出最新力作「红鼻子」
03
爱奇艺又加新限制!会员转赠服务全面下线
04
第 37 届游戏开发者大会(GDC)将于 3 月 20 日至 24 日举行
05
索尼公布 2 月 PSN 会免阵容,包含《奥力奥力世界》等多款作品
查看全部
设计问答
全部问答
潘虎为凉白开进行包装升级设计,据说设计费高达300万,新版包装你喜欢吗?
7.4k 设计师围观了该问题
设计问答
全部问答
年前最后一个周,你会怎么安排日常的设计工作?
邀请你来回答
马上就是年前最后的一周工作了,不少设计师小伙伴在这周之后就会放年假啦,大家在这一周都会怎么安排日常工作呢,是不是都和下图一样,只想回家?
我来回答
即时设计的进阶之路
在线设计神器全面介绍,初高阶技巧汇总
查看专题
专题
已有35.4w位观众
已收录
9
篇持续更新
忍不住安利!这款设计工具真的被低估了!
38485 人阅读
超全合集!腾讯、字节、阿里多套大厂资源,十几套小程序 App 模板!
57129 人阅读
细节
这样的宇宙交互可视化能让你感受到人类的渺小
The side of spaca是neal.fun里的一个小项目。人人都知道宇宙之大,而这个网站就很直观地向用户展示了宇宙上人类与行星、银河系和太阳系的关系。进入网站后不断的按「 键盘右键→ 」则会不断地切换,从渺小的人类开始直到最广阔的宇宙。
2020/04/15
404NTFounD
neal.fun
设计神器
全部神器
比百度网盘好用!最高 6GB 保存21 天的免费网盘
神器推荐
Sketch 64 Beta版本探秘,看看都有什么新功能
神器推荐
第四波!2021年9月精选实用设计干货合集
神器推荐
收录亚洲面孔的日本免费图库 xFrame,专业出品免费商用!
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
微博内容运营
武汉
大专及以上
经验不限
4k-6k
资深平面设计师
武汉
学历不限
3-5年
8k-12k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
查看全部
行业新闻
发布行业新闻
「大春晚季」品牌授权与版权文创暨「百人千创」合作计划:聚焦版权激发文创活力
活动赛事
喜兔迎年!iGame RTX 4070 Ti 开售,新春礼盒同步发布
新品推荐
为玩家和创作者提供超强动力:GeForce RTX 40 系列设计本发布
新品推荐
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
优设9图
优设爆火的干货频道
查看9图
设计问答
高手大咖在线答疑解惑
查看话题