精华内容
下载资源
问答
  • 初入UI 小朋友们都会很懵设计规范,加上前段时间微软雅黑字体“出事了”!这些其实并不影响一个UI设计能力提升,但规范、字体确实UI设计工作基础。博主从业以来收集了很多资料,今天准备整理出来,新手可...

            初入UI 的小朋友们都会很懵设计规范,加上前段时间微软雅黑字体“出事了”!这些其实并不影响一个UI设计师的能力提升,但规范、字体确实UI设计师的工作基础。博主从业以来收集了很多资料,今天准备整理出来,新手可鉴。

    (摘自sumaart及知乎,已在每章段标注作者,摘抄于此仅为分享及自己备份,如介意请联系作者删除)

    关于设计规范

    一、像素密度

            像素密度,即每英寸屏幕所拥有的像素数,像素密度越大,显示画面细节就越丰富。像素密度=√{(长度像素数^2+宽度像素数^2)}/ 屏幕尺寸。

            注:屏幕尺寸单位为英寸

            例:分辨率为1280*720 屏幕大小(对角线长度)为6英寸 计算所得像素密度约等于245

    二、计量单位

            iOS和Android平台都定义了各自的像素计量单位。iOS的尺寸单位为pt,Android的尺寸单位为dp。单位之间的换算关系随倍率变化如下:

            1倍:1pt=1dp=1px(mdpi、iPhone 3gs)

            1.5倍:1pt=1dp=1.5px(hdpi)

            2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)

            3倍:1pt=1dp=3px(xxhdpi、iPhone 6)

            4倍:1pt=1dp=4px(xxxhdpi)

            在设计和开发过程中,应该尽量使用逻辑像素尺寸来思考界面。Android的最小点击区域尺寸是48x48dp,这就意味着在xhdpi的设备上,按钮尺寸至少是96x96px。而在xxhdpi设备上,则是144x144px。无论画布设成多大,我们设计的是基准倍率的界面样式,而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通,双方都需要以逻辑像素尺寸来描述和理解界面,无论是在标注图还是在日常沟通中。(博主从业后遇到了很多设计师并不了解逻辑像素是怎么回事,关于逻辑像素博主将在以后的博文中做出详细讲解。)

    三、IPHONE 所有型号的尺寸

            1.0) iPhone x

            分辨率:1125×2436px

            PPI:458PPI

            状态栏高度:132px

            导航栏高度:132px

            标签栏高度:147px

            屏幕尺寸:5.8 in

     

    1.1) iPhone6\7\8 plus设计版

            分辨率:1242×2208px

            PPI:401PPI

            状态栏高度:60px

            导航栏高度:132px

            标签栏高度:147px

            屏幕尺寸:5.5 in

     

            1.2) iPhone6\7\8 plus放大版

            分辨率:1125×2001px

            PPI:401PPI

            状态栏高度:54px

            导航栏高度:132px

            标签栏高度:147px

            屏幕尺寸:5.5 in

     

            1.3) iPhone6\7\8 plus物理版

            分辨率:1080×1920px

            PPI:401PPI

            状态栏高度:54px

            导航栏高度:132px

            标签栏高度:146px

            屏幕尺寸:5.5 in

     

            1.4) iPhone6

            分辨率:750×1334px

            PPI:326PPI

            状态栏高度:40px

            导航栏高度:88px

            标签栏高度:98px

            屏幕尺寸:4.7 in

     

            1.5)iPhone5 - 5C - 5S

            分辨率:640×1136px

            PPI:326PPI

            状态栏高度:40px

            导航栏高度:88px

            标签栏高度:98px

            屏幕尺寸:4.0 in

     

            1.6) iPhone4 - 4S

            分辨率:640×960 px

            PPI:326PPI

            状态栏高度:40px

            导航栏高度:88px

            标签栏高度:98px

            屏幕尺寸:3.5 in

     

            1.7) iPhone & iPod Touch第一代、第二代、第三代

            分辨率:320×480px

            PPI:163PPI

            状态栏高度:20px

            导航栏高度:44px

            标签栏高度:49px

            屏幕尺寸:3.5 in

     

            1.8) iPad Pro 12.9

            分辨率:2048 x 2732

            PPI:264

            屏幕尺寸:12.9 in

     

            1.8) iPad Pro 10.5

            分辨率:1668 x 2224

            PPI:264

            屏幕尺寸:10.5 in

     

            1.8) iPad Pro, iPad Air 2, Retina iPad

            分辨率:1536 x 2048

            PPI:264

            屏幕尺寸:9.7 in

     

            1.8) iPad Mini 4, iPad Mini 2

            分辨率:1536 x 2048

            PPI:264

            屏幕尺寸:7.9 in

     

            1.8) iPad 1, 2

            分辨率:768 x 1024

            PPI:132

            屏幕尺寸:9.7 in

    *尺寸图例

    四、Android SDK模拟机的尺寸

    屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320)

    小屏幕

    QVGA(240×320)   480×640  

    普通屏幕

    WQVGA400(240×400)

    WQVGA432(240×432)

    HVGA(320×480)

    WVGA800(480×800)

    WVGA854(480×854)

    600×1024

    640×960

    大屏幕

    WVGA800 *(480×800)

    WVGA854 *(480×854)

    WVGA800 *(480×800)

    WVGA854 *(480×854)

    600x1024

       

    超大屏幕

    1024×600

    1024×768 1280×76

    8WXGA(1280×800)

    1536×1152

    1920×1152

    1920×1200

    2048×1536

    2560×1600

    五、Android的图标尺寸

    名称 分辨率 比率 rate (针对320px) 比率 rate (针对640px) 比率 rate (针对750px)

    idpi

    240×320 0.75 0.375 0.32

    mdpi

    320×480 1 0.5 0.4267

    hdpi

    480×800 1.5 0.75 0.64

    xhdpi

    720×1280 2.25 1.125 1.042

    xxhdpi

    1080×1920 3.375 1.6875 1.5

    六、Android安卓系统dp/sp/px换算表

    名称 分辨率 比率 rate (针对320px) 比率 rate (针对640px) 比率 rate (针对750px)

    idpi

    240×320 0.75 0.375 0.32

    mdpi

    320×480 1 0.5 0.4267

    hdpi

    480×800 1.5 0.75 0.64

    xhdpi

    720×1280 2.25 1.125 1.042

    xxhdpi

    1080×1920 3.375 1.6875 1.5

    *主流Android手机分辨率和尺寸

    设备 尺寸 分辨率 设备 尺寸 分辨率

    魅族MX2

    4.4英寸 800×1280 px

    魅族MX3

    5.1英寸 1080×1800 px

    魅族MX4

    5.36英寸 1152×1920 px

    魅族MX4 Pro未上市

    5.5英寸 1536×2560 px

    三星GALAXY Note 4

    5.7英寸 1440×2560 px

    三星GALAXY Note 3

    5.7英寸 1080×1920 px

    三星GALAXY S5

    5.1英寸 1080×1920 px

    三星GALAXY Note II

    5.5英寸 720×1280 px

    索尼Xperia Z3

    5.2英寸 1080×1920 px

    索尼XL39h

    6.44英寸 1080×1920 px

    HTC Desire 820

    5.5英寸 720×1280 px

    HTC One M8

    4.7英寸 1080×1920 px

    OPPO Find 7

    5.5英寸 1440×2560 px

    OPPO N1

    5.9英寸 1080×1920 px

    OPPO R3

    5英寸 720×1280 px

    OPPO N1 Mini

    5英寸 720×1280 px

    小米M4

    5英寸 1080×1920 px

    小米红米Note

    5.5英寸 720×1280 px

    小米M3

    5英寸 1080×1920 px

    小米红米1S

    4.7英寸 720×1280 px

    小米M3S未上市

    5英寸 1080×1920 px

    小米M2S

    4.3英寸 720×1280 px

    华为荣耀6

    5英寸 1080×1920 px

    锤子T1

    4.95英寸 1080×1920 px

    LG G3

    5.5英寸 1440×2560 px

    OnePlus One

    5.5英寸 1080×1920 px

    七、主流浏览器的界面参数与份额

    浏览器 状态栏 菜单栏 滚动条 市场份额(国内)

    Chrome 浏览器

    22 px(浮动出现) 60 px 15 px 8%

    火狐浏览器

    20 px 132 px 15 px 1%

    IE浏览器

    24 px 120 px 15 px 35%

    360 浏览器

    24 px 140 px 15 px 28%

    遨游浏览器

    24 px 147 px 15 px 1%

    搜狗浏览器

    25 px 163 px 15 px 5%

    八、系统分辨率统计

    分辨率 占有率 分辨率 占有率

    1336×768

    15%

    1440×900

    13%

    1920×1080

    11%

    1600×900

    5%

    1280×800

    4%

    1280×1024

    3%

    1680×1050

    2.8%

    320×480

    2.4%

    480×800

    2%

    1280×768

    1%
     

    (此摘自素马用户Jason)

    关于商用字体

    一、APP原生字体

            1.0)Android原生字体

            英文:Roboto   中文:Noto(思源黑体)

     

            1.1)IOS原生字体

            苹果系统-IOS9开始:苹方

     

            1.2)windows 系统苹方效果不是很好建议用  

            英文:Helvetica 系列   中文:(黑体-简细)

    二、目前的免费商用字体(示例)

    思源黑体、Droid Sans Fallback、站酷高端黑、站酷快乐体、方正黑体、方正书宋、方正仿宋、方正楷体(只是给出几种示例,虽然不全,但是目前为止均是可商用的。)

    (此摘自知乎用户成昭君)

     

    *可参阅维基百科列表:http://en.wikipedia.org/wiki/List_of_CJK_fonts,里面标明 [F] 的是可以免费商用的。需要注意的是,授权为 GPL 的,你的软件也必须是 GPL 的。 Arphic Public License 的四款字体相对自由,只要你不改动字体,是可任意使用的。

    (此摘自知乎用户陈贤安)

    展开全文
  • 关于移动端适配,网上已经有很多文章了,这篇文章主要是整理总结一下自己理解,如有问题,欢迎指出。一、概念在了解移动端适配时,有几个概念经常出现在移动端适配文章中,这个需要知道。1、设备像素(device ...

    5817a6c75e3642e3073c57652f99423c.png

    关于移动端适配,网上已经有很多文章了,这篇文章主要是整理总结一下自己的理解,如有问题,欢迎指出。

    一、概念

    在了解移动端适配时,有几个概念经常出现在移动端适配文章中,这个需要知道的。

    1、设备像素(device pixels)

    设备像素可以理解为设备屏幕的大小,它是屏幕的属性而非浏览器的,无论用户是缩小或放大网页,它的大小始终不会改变,可以通过screen.width/height获取。

    2、CSS像素(CSS pixels)

    CSS像素是我们开发更关注的一个抽象的概念,它是一个相对的设备像素单位。

    其实可以理解为我们常说的手机分辨率。

    在标准的设备上,设备像素与CSS像素的比值(设备像素比)为1:1,表示1pxCSS像素对应1px设备像素;在Retina屏上,当设备像素比为2时,1pxCSS像素对应4px(2*2)设备像素;当设备像素比为3时,1pxCSS像素对应9px(3*3)设备像素。

    ff4737dcb40791dd2391a0fd587e8bfb.png

    默认情况下,CSS像素占比取决于设备像素比,但当页面缩小放大时,会影响CSS像素占的空间;假设当前1个CSS像素等于1个物理像素:

    浏览器此时的宽度为800px,页面时同时有一个400px宽的块级元素容器,此时块状容器占页面的一半。如果我们放大页面,放大为200%,即原来的两倍,此时块状容器则横向占满了整个浏览器。
    我们并没有跳转浏览器窗口的大小,也没有改变块状元素的CSS宽度,但它看起来却变大了一倍,这是因为我们把CSS像素方法为了原来的两倍。此时的1个CSS像素等于了2个设备像素

    3、设备独立像素DIP(Device independent pixels)

    设备独立像素,也称逻辑像素,它其实就是CSS像素,即:

    CSS像素 = 设备独立像素 = 逻辑像素

    4、设备像素比DPR(Device pixels ratio)

    设备像素比(dpr)是指在移动开发中1个CSS像素占用多少设备像素,它描述的是物理像素与CSS像素的初始比值关系,如2代表1个CSS像素用2 * 2个设备像素来绘制。
    设备像素比可以通过window.devicePixelRatio获取

    5、两个视口:布局视口(Layout Viewport)与可视视口(Visual Viewport)

    George Cummins explains the basic concept besthereat Stack Overflow:

    Imagine the layout viewport as being a large image which does not change size or shape. Now image you have a smaller frame through which you look at the large image. The small frame is surrounded by opaque material which obscures your view of all but a portion of the large image. The portion of the large image that you can see through the frame is the visual viewport. You can back away from the large image while holding your frame (zoom out) to see the entire image at once, or you can move closer (zoom in) to see only a portion. You can also change the orientation of the frame, but the size and shape of the large image (layout viewport) never changes.

    上面这段话解析得非常清晰,将内容视为一张大图,布局视口是包含整个大图得内容,而可视视口只是用户可以看到得一部分,在手机上,它的大小就是屏幕的大小。
    布局视口可以通过document.documentElement.clientWidth-Height获取
    可视视口可以通过window.innerWidth/Height获取

    5、理想视口(Ideal Viewport)

    除了布局视口、可视视口,还有第三种视口:理想视口(ideal viewport),它的出现是因为在移动端,默认视口是布局视口,它可能比可视视口大,这样页面就会出现滚动条,用户阅读的时候可能需要缩放。而理想视口是指完美适配移动端设备,不需要用户缩放和横向滚动条就能正常的查看网站的所有内容,且无论在什么设备上显示的文字的大小是合适,也包括图片。
    理想视口其实就是等于可视视口,即设备屏幕大小。

    6、媒体查询

    width/height是用布局视口作为参考,以CSS像素衡量device-width/height是用设备屏幕作为参考,以设备像素衡量

    在开发移动端项目时,经常会在html头部见到这么一个标签:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    它主要是将当前的viewport设置为屏幕的大小,同时不允许用户缩放。它一共有6个属性:

    属性解释width设置布局视口的宽度,可以设置为device-width表示设备宽度initial-scale设置页面初始缩放值与布局视口宽度minimum-scale设置用户可缩放的最小值maximum-scale设置用户可缩放的最大值height设置布局视口的高度,不过基本上不会需要用到user-scalable设置是否允许用户缩放,no(不允许)/yes(允许)

    单独设置width=device-widthinitial-scale=1都可以将布局视口设置等于屏幕大小,即理想视口,设置初始缩放能达到同样的效果是因为它是相对于理想视口缩放的;虽然单独使用它们任何一个都可以达到同样的效果,但这两者各有一个小缺陷,就是iphone、ipad以及IE 会横竖屏不分,通通以竖屏的ideal viewport宽度为准。所以,最完美的写法应该是,两者都写上去,这样就 initial-scale=1 解决了 iphone、ipad的毛病,width=device-width则解决了IE的毛病。

    如果同时设置这两个属性而width等于其他值,比如400时,initial-scale=1,这种情况浏览器会取值比较大的一个。

    关于缩放与initial-scale的初始值(有些兼容问题,细节可查看参考链接3:8.4.1),这里只是作为了解,缩放是相对于理想视口缩放的,initial-scale=2时实际上是将1px变得跟原来的2px的长度一样了,所以如果设备的宽度为320px,设置了initial-scale=2不会变成640px,而是160px。可以得到以下公式:

    visual viewport宽度 = ideal viewport宽度 / 当前缩放值
    当前缩放值 = ideal viewport宽度 / visual viewport宽度

    由于各浏览器默认的layout viewport宽度一般都是980、1024、800等等,没有一开始就是ideal viewport的宽度的,所以initial-scale的默认值肯定不是1。

    二、移动端适配:rem

    rem是相对于html的font-size的单位。
    我们使用rem适配通常有如下几个步骤:
    1、写样式都是按照设计稿去写的,通常设计稿的宽度是750px,此时若我们设置基数为100(即html的font-size为100px),这时1rem表示100px;
    2、而在我们的页面中,我们通常会通过视口的宽度去设置html的font-size,此时若我们设置为50px,这时1rem表示50px
    100px变50px,很好理解,这就已经实现将750px的设计稿缩放在宽度为375px设备上了;当我们针对不同设备的不同宽度去设置html的font-size时,就很好的适配了移动端。

    总结,通过viewport的meta标签将可视视口的宽度设置为设备像素的宽度即屏幕大小,保证页面无横向滚动条,利用rem,将宽为750px的设计稿缩放在不同宽度的设备上。

    展开全文
  • 从寒假到现在,代码写不是太多,可是网页没少设,主要花是功夫,现在就来稍微总结一下最近用到一些东西,现在能写下来,都是基本上以前在网上搜过,现在记下,以备后用。 div 边框加阴影: box-...
    从寒假到现在,代码写的不是太多,可是网页没少设,主要花的是功夫,现在就来稍微总结一下最近用到的一些东西,现在能写下来的,都是基本上以前在网上搜过的,现在记下,以备后用。
     

     
    div 边框加阴影:
    box-shadow: 3px 3px 6px #666;  /*四个参数分别为 x轴偏移,y轴偏移,模糊量,颜色 */
     

     
    特帅的字体:
    font-family: Microsoft YaHei; /*要用就用微软雅黑*/
     

    开始css的第一步,
    * { 
    margin:0;
    padding:0;
     }
    img{
        border:none;
    }
    有了以上两句,可以再兼容性问题上少周一些弯路
     

     
    鼠标移入手型效果,这个老是忘!!!
    cursor: pointer; 
     

    元素透明,主要用于div
    opacity:0.8;    /*0-1的数值越高透明度越低*/
     

    方便的做出一个横向菜单:
    html代码如下:
    <ul>
          <li>项目1</li>
         <li>项目2</li>
         <li>项目2</li>
         <li>项目2</li>
     </ul>
    css 代码:
    ul{
            list-style:none;
    }
    li{
    display:block;
    width:50px;
    height:30px;
    margin:5px;
    float:left:
    }
     

    文字垂直居中显示,这个效果只能用在块状元素上,且元素要有高度:
    line-height:n px; /*n的数值要和元素的高度保持一致*/
    vertical-align:middle;
     

    元素内文字溢出是用省略号代替:
    元素{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
     

    实现div圆角:
     
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-radius:4px 4px 4px 4px;             /*可用于火狐浏览器,且以上效果都不支持IE,IE你妹的楼后了一个时代啊*/
     
    画面旋转
     
    -webkit-transform: rotate(180deg); /*180deg为旋转角度*/
     

    转载于:https://www.cnblogs.com/kyyblabla/archive/2013/05/26/3100426.html

    展开全文
  • 从事community开发工作1年了,更加高效地进敏捷...1.在设计稿敲定/资源到手后开始工作:  a.如果在工作后遭遇到design反扑,global样式一但重调和重写也什么区别  b.如果你工作到一半才拿到字体和图标,那么...

    从事community开发工作1年了,更加高效地进敏捷开发

    是本篇博文所思考的主要问题

    最近一次我的用时是100-120个小时

    加上后端人员的时间

    整个项目的开发,全员时间大概是150个小时(不包括测试)

     

    1.在设计稿敲定/资源到手后开始工作:

      a.如果在工作后遭遇到design的反扑,global样式一但重调和重写也什么区别

      b.如果你工作到一半才拿到字体和图标,那么意味着很多工作你需要做两遍,甚至3遍

    2.在实际开发之前,至少花3个小时看设计稿:

      a.设计师和开发人员之间,会有许多问题需要反馈

      b.花近百个小时开发,都不愿花几个小时看认真设计稿的开发人员,写起代码来一定是事倍功半

      c.花时间统筹出全局元素的样式,全局样式占总体样式百分比越多,代码量越少,开发效率越高

    3.稳步计划:

      a.由大到小,层层向下

      b.community结构->每个页面的布局设定->页面的组件放置和重写->数据正确->样式正确

      c.写样式前先把comment写好

    4.一次做好:

      a.“我这次把属性写得差不多就好了,最后再微调”,这种思想很危险,花费多次的开销大多数是远大于精准编码一次 

      b.虽然不可能所有的东西都一次写对,但是对于80%的东西,尽可能多地一次写对

     

    优化以上流程,至少能快20个小时

    需要的是 思考、耐心和坚持

    转载于:https://www.cnblogs.com/AlexNull/p/4981003.html

    展开全文
  • GDI(图形设备接口)是 Windows 图形处理最重要类库。  初次接触打印机,发现在 Windows 操作... 位图和设备无关位图、位块传输、调色板管理器、逻辑调色板与系统调色板、文本和字体字体轮廓、路径、图元文件。
  • 关于Bootstrap学习总结

    2018-03-10 17:18:50
    一、Bootstrap介绍1,Bootstrap是Twitter公司开发基于Html+css+js前端框架2,为实现Web应用...字体与图标9,实现响应式布局开发二、Bootstrap特性1,响应式设计2,栅格布局3,完整类库4,JQuery插件5...
  • php 设计模式 总结

    2015-08-30 21:46:36
    1 编程选择等宽字体2 source code pro 字体3 运行环境搭建,推荐 easyphp4 关于命名空间: 面向对象高级特性 介绍、使用: namespace test1; 下面所有代码都属于这个命名空间里面。 调用:test1\funciton_name...
  • 本文是站在一个网页设计角度,所写的关于最佳字体排版实践手册,包括字体排版设计、Web 字体、Web 样式指导等四个方面,而且每一章后都有扩展阅读帮你深入了解细节,全程高能干货,建议阅读。目录简介字体排版...
  • 今天“骉叔的设计心得”就来总结一下关于“字”心得。 在设计和选择字体前,我们要先想明白文字功能是什么? 从原始时期人类在墙壁上画下那几个抽象符号,到殷墟发现甲骨文,再到现...
  • 下面就是小编带给大家如何用vue写h5页面方法...方案总结为:根据屏幕大小 / 750 = 所求字体 / 基准字体大小比值相等,动态调节htmlfont-size大小。 3、方案总结为:根据设备设备像素比设置scale值,保持视口dev
  • 介绍了如何在Visual Basic程序设计中使用 Win32 API函数,内容包括:API函数声明和参数传送、资源文件、窗口、Windows消息控制、设备环境(DC)、GDI对象、光标、位图与光栅运算、字体与文本、多媒体程序设计、...
  • 今日作者Gladys小红书:Gladys手帐英文字体设计/手帐日期排版/也可用于小标题以下是三点排版小技巧(纯个人经验总结!)二分法两行搞定,一般可以星期占一行,日期另一行。如图所示,配合线条可以使样式更灵活哟~两行...
  • 后台网页的总结

    2019-05-17 15:57:21
    关于蚂蚁设计的规则就在上面讲解。看看有什么不足。 先从原则说起,1.从原则中的亲密性概况:如果信息之间的关联性越高,它们之间距离就应该越近,也越像一个视觉单元;反之,则它们距离就应该越远,也越像多个视觉...
  • 董新莹学姐用诙谐幽默语言分析了Power Point 强大功能,并详细讲解了PPT的设计和欣赏,现在让我们回顾总结一下骨培笔记吧~1关于PPT软件选择推荐选择office 2019或office 365 !原因:1、为office最新版,拥有...
  • 1、分享标题:分享这条Vlog到…标题作用:让用户不迷失自己,知道自己在哪,操作到哪一步,不在产品中迷失自己常用的字体规范:一倍图下,14PX,中黑体,色值:363636,注意:一般界面设计中不采用纯黑色常...
  • 当你做架构设计时,必然会面临技术选型抉择,不同技术方案,架构也可能完全不同。有哪些技术选型需要做决策呢?比如,App是纯原生开发,还是Web App,抑或Hybrid App?iOS开发,语言上是选择Objective-C还是...
  • 暑期社会实践总结.doc

    2020-12-27 11:39:39
     关于字体 我从小对文字都特别感兴趣,而且学习过几年书法,所以对字体有着特殊感情。在上个学期字体课程已经学过了。这个课程主要包括中文和拉丁字母两大部分。对字体发展情况和现状有了一定了解,并根据所...
  • gsoc17-Eczar 总结报告 您可以在访问该项目最终报告要点,以获取有关过程和设计决策更多详细信息。 您还可以看看每天写日记过程... 关于所选字体的几句话:Eczar具有强烈个性,从常规到超粗体有五个权重,可用
  • 我们设计完一个CAD设计...亲,今天小年就给大家总结一下关于提升技巧,将CAD图纸中存在多个字体如何将其全部改为统一字体的小方法演示给大家,记得一起操作哈! 第一步:在你电脑做面上开始运行迅捷CAD编辑器软...
  • 上午:背并理解28页关于手机应用ppt,例如:IOS界面尺寸、图标尺寸、内部设计关于iphone各个型号分辨率以及Android界面尺寸、字体、颜色值和各个手机型号分辨率 下午:运用 马克鳗软件标注5个UI页面
  • UI设计小套路

    2020-10-08 16:03:06
    如果你还在为界面不精致,层次乱糟糟,反复修改浪费时间,开发还原度很差等问题而烦恼,不妨来看看我总结的一些关于UI设计“小套路”。  UI设计是一个年轻职业,起步较晚变化飞快。新创意和玩法层出不穷,...
  • CSS关于网页中文本

    2012-12-18 20:29:08
    字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息,而最经典最直接信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要。下面总结一些平时经常能用到^-^   ...
  • vuejs开发H5页面总结

    2019-05-08 10:50:12
    vuejs开发H5页面总结 关于布局方案 当拿到设计师给UI设计图,前端首要任务就是布局和样式,相信这对于大部分前端工程师来说已经不是什么难题了。...网易云方案总结为:根据屏幕大小 / 750 = 所求字体 / ...
  • 毕业实习总结报告格式要求 为了... 第二行,为“毕业设计总结报告”字样,字体黑体,字号一号,居中对齐。 第三行开始,以宋体三号单倍行距连续空四行,无文字。 第七行开始,每隔一行有文字,字体为宋体、三号...
  • 最近写文章,输入了很多公式,编号是个挺头疼问题,公式和编号位置以及字体问题,在网上搜索良久,很多是关于制表符操作(可能是旧版本解决方式),发现新版word有更简单方式。非原创,总结了大神们方式...
  •  第二行,为“毕业设计总结报告”字样,字体黑体,字号一号,居中对齐。 第三行开始,以宋体三号单倍行距连续空四行,无文字。 第七行开始,每隔一行有文字,字体为宋体、三号、加粗,左对齐...
  • 本书是实践性、操作性强读本,归纳、总结和划分许多复杂的关于字体有效运用问题,但并非把这些问题简单化。对于每种媒介设计者来说,字体在媒介中或多或少都起着重要作用。
  • 下面是小编整理一些关于部门上半年工作总结,供您参考。部门上半年工作总结范文一 回想从面试到现在,进入企划部近一个月了,从中受益很多。在第一堂培训课上,有趣可爱的pop字体是我觉得它们极具个性与美感。...

空空如也

空空如也

1 2 3 4
收藏数 69
精华内容 27
关键字:

关于字体设计的总结