现在 UI 设计师做 PC 界面设计的时候都是按照 125%的放大比例去画吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
betulac
V2EX    问与答

现在 UI 设计师做 PC 界面设计的时候都是按照 125%的放大比例去画吗?

  •  
  •   betulac 2020-05-28 10:14:55 +08:00 2762 次点击
    这是一个创建于 1966 天前的主题,其中的信息可能已经有所发展或是发生改变。

    现在 windows 高分屏越来越多,默认的放大比例都是 125%了,大家都是怎么优化的?最近美工给的设计图 125%放大比例下好大啊

    11 条回复    2020-05-28 11:53:08 +08:00
    morizawatt
        1
    morizawatt  
       2020-05-28 10:33:12 +08:00
    PC 界面是什么界面 PC 软件界面吗?还是网页界面? 网页设计有自己的尺寸规范,软件界面倒是没什么要求。再说采取哪种设计规范都是按市场屏幕分辨率占有率去适配的,不可能任何情况都考虑进去。很少做 PC 软件设计,尚不清楚高分屏分辨率市场占有率。
    mcluyu
        2
    mcluyu  
       2020-05-28 10:40:31 +08:00
    放大比例不是操作系统干的事吗?再说 125%这个又是哪里来的,哪里有统计 125%用户数量最多?我这 4K 200%, 大多数新的软件都能适配,开发者使用遵守新的 API,操作系统应该就能自动处理缩放。125%比例会放大?你可能压根没搞清楚这些缩放的含义。
    betulac
        3
    betulac  
    OP
       2020-05-28 10:41:21 +08:00
    @morizawatt 网页的设计,感觉美工出的图尺寸太大了,没有考虑放大
    betulac
        4
    betulac  
    OP
       2020-05-28 10:43:12 +08:00
    @mcluyu 我是开发,很少做 pc 的开发,美工给的图感觉尺寸很大,高清的笔记本上显示都比较难看,看了下笔记本基本都设置显示 125%或者 150%放大的
    morizawatt
        5
    morizawatt  
       2020-05-28 10:44:48 +08:00
    @betulac ??? 网页设计做好了,适配是前端的问题吧?前端没做媒体查询,响应式设计?
    mcluyu
        6
    mcluyu  
       2020-05-28 10:57:19 +08:00
    @betulac 你是不是在说 UI 图你直接打开看起来很大?还是开发完了在浏览器里打开页面看起来很大?如果是前者没问题,后者的话看设计稿的批注,如果前端按照批注尺寸做的,那没是设计图大,反之则是前端不按需求开发。
    另外简单来说,缩放比例的意思应该是:在相同尺寸,不同分辨率的屏幕上,或不同尺寸,相同(不同)分辨率的屏幕在该尺寸屏幕的最适合观看距离下,看起来的 UI 内容大小应该尽量一致,所以缩放比例如果是默认的大小,那应该不会成为问题,比如一个 24 寸 1080 显示器和 24 寸 4K 显示器 200%缩放,看起来的 UI 大小是一致的。
    sagaxu
        7
    sagaxu  
       2020-05-28 11:00:51 +08:00 via Android
    扫了一眼周围,10 台显示器,1 个 5k,4 个 4k,3 个 2k,剩下的 1920x1080
    MeowOvO
        8
    MeowOvO  
       2020-05-28 11:02:36 +08:00
    想起做 SWT 的时候,100%下好好的东西,放到 125%下就显示不全了
    betulac
        9
    betulac  
    OP
       2020-05-28 11:17:18 +08:00
    @mcluyu 是的 , 完全按照批注尺寸做的 , 如果 windows 显示设置中设置放大的话(125%,150%,175%) , 就感觉很大 , 但是大家用 win 基本都会设置放大吧. 这个是美工考虑不周到吗? 对比了其他公司主页 , 感觉都是按照 win 放大 125%的基准去做的, 100%显示下反而有点小了
    morizawatt
        10
    morizawatt  
       2020-05-28 11:39:08 +08:00
    @betulac 百度 关键字「前端 高分屏判断」,而且就算 ui 按 125%150%去设计,其他不缩放的就不考虑了?所以我觉得这还是前端技术上的问题,至少有没有可以判断 dpr 是否大于 1 的,做个 scale 也行啊
    6IbA2bj5ip3tK49j
        11
    6IbA2bj5ip3tK49j  
       2020-05-28 11:53:08 +08:00
    @betulac 你是不是把网页的缩放和系统 DPI 缩放搞混了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1080 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 23:09 PVG 07:09 LAX 16:09 JFK 19:09
    Do have faith in what you're doing.
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-11940834-2', 'v2ex.com'); ga('send', 'pageview'); ga('send', 'event', 'Node', 'topic', 'qna'); ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86