<tbody id='ec48kxo7'></tbody>
    <tfoot id='1fg7060o'></tfoot>
    <i id='a84sep4y'><tr id='pqp8ac8q'><dt id='58tghfpl'><q id='cvnvb30q'><span id='ja0do1ec'><b id='dczcxad4'><form id='rdkw5644'><ins id='5eq87yru'></ins><ul id='5y00grdg'></ul><sub id='db76iw8f'></sub></form><legend id='0un5k1rf'></legend><bdo id='uvr80nhz'><pre id='7gotbc8g'><center id='xb6441th'></center></pre></bdo></b><th id='r9sz31gy'></th></span></q></dt></tr></i><div id='pswwkxsp'><tfoot id='nua8ujnc'></tfoot><dl id='96fe9vch'><fieldset id='mlwawusy'></fieldset></dl></div>
    • <legend id='mhjklplw'><style id='ic5g72pz'><dir id='fjlbdvbv'><q id='fa74pg7e'></q></dir></style></legend>

      1. <small id='2qmkx2v5'></small><noframes id='kib2gb9e'>

        网站建设公司当前位置 : 网站建设公司 > 知识普及

        开发丨值得设计师看看的5个开发小知识

        发布时间:2021-07-13 18:10   浏览次数:次   

        1. icon所需尺寸有哪些?

        不知道你们有没有看过程序员们是怎么把你们做好的icon图放进程序里的,其实很简单,只需要一个萝卜一个坑对应的扔进框框里面去就行了。

        下图就是iPhone应用所有所需的icon尺寸了,因为从iPhone4开始因为就是Retina屏幕了,所以一般1x的我们不适配了,同样iOS5,iOS6也不需要适配了,所以按顺序下来就是40*40px、60*60px、58*58px、87*87px、80*80px、120*120px、180*180px。

        开发丨值得设计师看看的5个开发小知识

        如果你们App做了iPad版本,那就要多几种尺寸的了,见下图。同样的,因为从iPad3开始就是Retina屏幕,所以1x和iOS5,iOS6一般是不需要了。其他还需要:152*152px、167*167px。

        开发丨值得设计师看看的5个开发小知识

        如果你们App甚至还支持了Apple Watch那需要的尺寸更多了很多,包括:48*48px、55*55px、58*58px、48*48px、87*87px、172*172px、196*196px。

        开发丨值得设计师看看的5个开发小知识

        2. Launch所需尺寸有哪些?

        有icon尺寸那肯定得顺带的提一下Launch图,一般App都会专门设计好看的Launch图给用户留下好的印象。iPhone应用需要640*960(iPhone4)、640*1136、750*1334、1242*2208四个规格。如果有iPad版就另外需要1536*2048和2048*2732.

        另外如果你的App支持横屏显示的话,那就要提供Landscape的Launch图。iPhone只有plus可以支持横屏,所以需要2208*1242的。iPad则两种都需要。

        开发丨值得设计师看看的5个开发小知识

        3. 字体样式、文本排版可以用代码写的有哪些?

        不知道你们有没有到一些情况:辛辛苦苦设计的字体样式,板式设计,被程序员一句做不了就推掉了。所以可以了解下到底哪些东西是可以用代码写的。

        1. 字体

        一般是用系统自带的字体,但英文字体比较丰富,中文字体只有苹方。如果你想用其他的中文字体有两个方法:

        第一种方法是你把所需的字体包给程序员然后导入工程中,这种方法简单,但因为字体包一般很大一下子就撑大了整个安装包,所以如果这个字体使用不频繁的是不建议这么做的。

        第二种方法是动态加载字体包,需要时用的时候再从网络拿数据下载下来。

        2. 基本性质

        大小、颜色、透明度、下划线这些都是可以的。

        粗细的话要看具体这个字体包了,比如常用的HelveticaNeue就比较多了,和Sketch上可以设置的一样有Normal、Regular、Medium、Light、Thin等。

        投影的话也是可以设置的,包括纵横距离、模糊度、阴影颜色。

        3. 对齐方式

        左对齐,居中,右对齐都是可以的。

        另外还有一个比较容易忽视的:当文字太多时还可以选择是句尾变省略号还是句首变省略号,甚至是保留句首句尾文字,中间变省略号。比如…wxyz、abcd…..、ab…yz这样

        4. 间距

        字间距行间距其实都是可以的,但这个对于程序员来说比较烦,因为代码又要多写好几行了,所以如果没有特别强烈的设计需求可以使用默认的,哈哈。

        开发丨值得设计师看看的5个开发小知识

        4. 按钮样式可以用代码写的有哪些?

        扁平化之后的大多是按钮样式都是可以纯代码写出来的,所以多了解一些程序的知识少切一些按钮的图。

        1. 基本性质:宽高,圆角,描边,背景色,背景图这些都是可以的。投影是也是需要纵横距离,模糊度,颜色就可以了。

        2. 按钮文字:按钮上的文字只要是一般文字能设置的都是可以的,另外还有和按钮边界的内边距也是可以的。

        3. 按钮状态:很多设计可以能忽视不同状态时按钮的设计风格,在程序要一个按钮一般会用的状态包括:Normal、Highlighted、Disabled、Selected这几种。

        Normal和Disabled很好理解就是普通状态和不可点击状态。

        而Highlighted和Selected看起来似乎差不多哦,其实也很好理解:Highlighted就是在点击瞬间的状态,是个短时状态;Selected是被选中状态,是个长时状态,一般就是有好几选项时,其实一个被选中时的那个状态。

        如果你进行特别设计,Highlighted状态就是加一层透明黑,Disabled就是变成半透明, Selected不会有变化。

        4. 点击效果:苹果自带有一个点击效果,可能你们在某些App看到过,就是一点按钮,按钮中间会有一个白色类似发光的效果。这个showsTouchWhenHighlighted的效果也是挺好用的,给用户一点反馈效果。

        开发丨值得设计师看看的5个开发小知识

        5. 位置信息可以知道的有哪些?

        设计在Sketch上标注位置尺寸的时候用到的大多是绝对位置,和一些基本的相对位置。其实对于技术来说,可以知道的位置信息有很多很多。在响应式设计越来越普及的现在,了解一些技术能知道坐标数据会更有用。

        1. 基本信息:控件的绝对位置和大小,控件移动的距离,控件和其他控件之间的相对位置。

        2. 图片:图片的大小、比例、中心点、旋转角度等。

        3. 文字:文字的大小、宽高(包括固定宽高和动态宽高)、行数等。

        4. 屏幕:宽高,手指点击位置,手指滑动距离等。

        黄冈微信公众号运营、网站开发、微信小程序开发、VR拍摄制作找湖北东猎信息技术有限公司

        <small id='ra7dy2q5'></small><noframes id='74fvwhye'>

          <tbody id='ixgyyvy1'></tbody>
          <tfoot id='ue2d05dp'></tfoot>

            1. <i id='q19retmd'><tr id='m3v3yegz'><dt id='ber9ytzu'><q id='cqk8tut8'><span id='boktb03k'><b id='dox7xe2d'><form id='82vhcxh2'><ins id='scrup1bx'></ins><ul id='tpwa0bir'></ul><sub id='0yflxetl'></sub></form><legend id='rwm64yyk'></legend><bdo id='v223a07i'><pre id='2alvitia'><center id='9fyg6lmf'></center></pre></bdo></b><th id='13v2srkp'></th></span></q></dt></tr></i><div id='hnuxtpic'><tfoot id='bz5dhknd'></tfoot><dl id='mlhsefw0'><fieldset id='65v2lz3q'></fieldset></dl></div>
              <legend id='8xbg2k8b'><style id='pqujvh01'><dir id='1f799woj'><q id='9gz5qdxk'></q></dir></style></legend>

              本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。

                <legend id='sfzbdfrh'><style id='5jre71cn'><dir id='pwcftd1w'><q id='bi02rwz9'></q></dir></style></legend>
                  <tbody id='2rujtf0o'></tbody>

                <small id='n6n246tj'></small><noframes id='n58yjkbe'>

              • <tfoot id='cmf1s10k'></tfoot>

                  <i id='ndhds7ie'><tr id='eu7mz6td'><dt id='6nzzz0vx'><q id='vza3ss1c'><span id='yz9xizrt'><b id='kh36l4rt'><form id='y8l6fpiu'><ins id='pqn4b9yq'></ins><ul id='joksozik'></ul><sub id='r3gxfemp'></sub></form><legend id='4cgv51br'></legend><bdo id='xz5yyn3z'><pre id='0svz6xa1'><center id='qv1k6r24'></center></pre></bdo></b><th id='59c0n7yl'></th></span></q></dt></tr></i><div id='u6adl9lz'><tfoot id='90qog6ee'></tfoot><dl id='mxwjm2r9'><fieldset id='7nagso4k'></fieldset></dl></div>