ps吧 关注:6,023,907贴子:47,126,292

Ps改进UI设计的一些技巧

只看楼主收藏回复



UI设计不像平面设计那样随性,期间可以用点技巧来减少痛苦。


IP属地:广东1楼2013-05-27 11:15回复

    1. 设置网格线 保持像素完美
    不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。编辑 > 首选项 > 参考线、网格和切片保持尺寸为偶数。
    例如:设置网格线间隔为64px,子网格为64

    使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。


    IP属地:广东本楼含有高级字体2楼2013-05-27 11:15
    收起回复

      2 .智能对象和路径的变形
      (1)将图层转换为智能对象(右击图层 选择转换为智能对象),这样你就可以在之后编辑效果。
      (2)Ctrl + T 选择变形。
      (3)点击和拖动手柄来改变形状。
      例题1

      例题2


      IP属地:广东本楼含有高级字体3楼2013-05-27 11:15
      收起回复

        3. ps cs6 隐藏路径
        Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。
        和你使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。


        IP属地:广东本楼含有高级字体4楼2013-05-27 11:15
        收起回复

          4. 使用内阴影更容易增加精致感


          IP属地:广东本楼含有高级字体5楼2013-05-27 11:15
          回复

            5. 保存样式
            保存多次使用的样式到样式面板,这样免去每次都复制粘贴的麻烦


            IP属地:广东本楼含有高级字体6楼2013-05-27 11:16
            收起回复

              6.以15°的步长旋转和10像素的移动
              在自由旋转的时候,可以按住Shift以15°的倍数旋转。移动时以10像素移动。


              IP属地:广东本楼含有高级字体7楼2013-05-27 11:16
              回复

                7. 设置全局光为90°
                当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了避免重复设置,在混合选项中(斜面和浮雕、内发光和阴影)勾选使用全局光


                IP属地:广东本楼含有高级字体9楼2013-05-27 11:16
                回复

                  8. 创建图层的时候你便对它进行命名
                  将设计稿发给重构之前对图层命名是件令人头痛的事情。因此不妨形成在创建图层的同时就给它命名的习惯。


                  IP属地:广东本楼含有高级字体10楼2013-05-27 11:16
                  回复
                    万火留


                    IP属地:浙江11楼2013-05-27 11:16
                    收起回复

                      9. 使用径向渐变
                      使用径向渐变有时候会看起来光达不到你想要的大小。试试使用角度和缩放来调整达到你要的效果。


                      还可以用鼠标拖动光圈的位置


                      IP属地:广东本楼含有高级字体12楼2013-05-27 11:17
                      收起回复

                        10. 避免图层名添加后缀和图层效果扩张
                        每次复制图层都在图层名称后面添加“副本”的字眼很是恼火?
                        同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?
                        可以图层面板选项中将两者关闭。


                        IP属地:广东本楼含有高级字体13楼2013-05-27 11:17
                        回复

                          11. 努力做到非破坏的编辑
                          通过使用智能对象和使用形状路径工具来画图做到一个非破坏性的工作流程。当你发现自己需要重复编辑同样东西的时候这会帮你减少很多痛苦。


                          IP属地:广东本楼含有高级字体14楼2013-05-27 11:17
                          回复

                            12. 使用图层复合在同一文件中展示不同的页面
                            你是将所有页面都创建在一个PSD中然后对图层可视进行打开和关闭来查看吗?
                            此时图层复合就可帮助解决这个问题。
                            勾选窗口图层复合即可打开图层复合面板。


                            IP属地:广东本楼含有高级字体15楼2013-05-27 11:17
                            回复