成为UI设计师需要具备哪些技能？ ui设计师需要掌握哪些技能？
\u505aUI\u8bbe\u8ba1\u5e08\u9700\u8981\u5177\u5907\u54ea\u4e9b\u6280\u80fd\uff1f\u5bf9\u4e8e\u4e00\u4e2a\u80fd\u4e0a\u5c97\u7684UI\u8bbe\u8ba1\u5e08\u4e00\u822c\u8981\u4f1a\u4ee5\u4e0b\u80fd\u529b\u3002
1\u8f6f\u4ef6\u80fd\u529b
\u4e00\u4e2a\u4f18\u79c0\u7684ui\u8bbe\u8ba1\u5e08\u9664\u4e86\u9700\u8981\u638c\u63e1Photoshop\u3001Illustrator\u3001DW\u3001C4D\u7b49\u8bbe\u8ba1\u5de5\u5177\u5916\uff0c\u8fd8\u9700\u8981\u638c\u63e1Dreamweaver\u3001HTML\u3001DIV+CSS\u7b49\u7f51\u7ad9\u6280\u672f\u5de5\u5177\uff0c\u540c\u65f6\u8fd8\u9700\u8981\u5177\u5907\u4ea4\u4e92\u8bbe\u8ba1\u7684\u601d\u60f3\u3002
PS\u3001AI\u7684\u4f5c\u7528\u4e3b\u8981\u662f\u7ed8\u5236\u56fe\u6807\u53ca\u754c\u9762\uff0cAE\u4e3b\u8981\u8d1f\u8d23\u52a8\u6548\u7684\u5236\u4f5c\uff0cARP\u8fd9\u4e9b\u4e3b\u8981\u662f\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7684\u5de5\u4f5c\uff0c\u4f46\u662f\u5c0f\u516c\u53f8\u6ca1\u6709\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7684\u804c\u4f4d\uff0c\u5927\u516c\u53f8\u8981\u548c\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7ecf\u5e38\u914d\u5408\uff0c\u6240\u4ee5\u6211\u4eec\u4e5f\u8981\u5177\u5907\u539f\u578b\u56fe\u7684\u8bbe\u8ba1\u80fd\u529b\u3002
DW\u4e3b\u8981\u662f\u8d1f\u8d23\u7f51\u9875\u5236\u4f5c\u8bbe\u8ba1\uff0cC4D\u4e3b\u8981\u8d1f\u8d23\u52a8\u753b\u8bbe\u8ba1\uff0cXD\u4e13\u4e1a\u7684\u56fe\u5f62\u5316\u754c\u9762\u8bbe\u8ba1\u5de5\u5177\uff0c\u96c6\u539f\u578b\uff0c\u8bbe\u8ba1\u548c\u4ea4\u4e92\u7b49\u4f5c\u7528\u3002
2\u7406\u8bba\u80fd\u529b
UI\u8bbe\u8ba1\u7406\u8bba\u9700\u8981\u638c\u63e1\uff1a\u56fe\u6807\u754c\u9762\u7ed8\u5236\u3001\u624b\u7ed8\u3001\u8bbe\u8ba1\u89c4\u8303\u3001\u7f51\u9875\u8bbe\u8ba1\u3001\u7528\u6237\u4f53\u9a8c\u8bbe\u8ba1\u3001\u4ea4\u4e92\u8f6f\u4ef6\u4f7f\u7528\u3001\u8272\u5f69\u642d\u914d\u3001\u5e73\u9762\u5e03\u5c40\u7b49\u7b49;\u5982\u679c\u6709\u8425\u9500\u601d\u7ef4\u3001\u7b56\u5212\u80fd\u529b\u3001\u6587\u6848\u80fd\u529b\uff0c\u606d\u559c\u4f60\uff0c\u4f60\u5df2\u7ecf\u662f\u4e00\u4e2a\u4f18\u79c0\u7684UI\u8bbe\u8ba1\u5e08\u4e86\u3002
3\u6c9f\u901a\u80fd\u529b
\u4e00\u4e2a\u4f18\u79c0\u7684\u8bbe\u8ba1\u5e08\uff0c\u5e94\u8be5\u5177\u6709\u8bbe\u8ba1\u63d0\u6848\u80fd\u529b\u3002\u901a\u8fc7\u56fe\u5f62+\u6587\u5b57\u7684\u5f62\u5f0f\u544a\u8bc9\u4f60\u7684\u9700\u6c42\u65b9\uff0c\u4f60\u4e3a\u4ec0\u4e48\u8fd9\u4e48\u8bbe\u8ba1\uff0c\u4f60\u8003\u8651\u4e86\u4ec0\u4e48\uff0c\u4e3a\u4ec0\u4e48\u4f7f\u7528\u8fd9\u6837\u7684\u989c\u8272\u3002\u6709\u7406\u6709\u636e\u7684\u8bbe\u8ba1\u8bf4\u660e\u6bd4\u65e0\u4f11\u6b62\u7684\u6539\u6539\u6539\u66f4\u5177\u6709\u8bf4\u670d\u529b\u3002
4\u754c\u9762\u8bbe\u8ba1\u80fd\u529b
\u6709\u4eba\u8bf4\u754c\u9762\u8bbe\u8ba1\u770b\u8d77\u6765\u5f88\u5bb9\u6613\uff0c\u4e0d\u5c31\u662f\u628a\u4e00\u4e9b\u5143\u7d20\u5806\u79ef\u5728\u754c\u9762\u4e0a\u5417\uff1f\u8c03\u8c03\u6587\u5b57\u5927\u5c0f\uff0c\u6392\u6392\u7248\u5417\uff1f\u786e\u5b9e\u5f88\u591a\u4eba\u5c31\u662f\u8fd9\u4e48\u505a\u7684\u3002\u6240\u4ee5\u5f88\u591a\u4f5c\u54c1\u96c6\u91ccApp\u754c\u9762\u770b\u8d77\u6765\u5927\u540c\u5c0f\u5f02\u3002
\u5176\u5b9e\u597d\u7684\u4f5c\u54c1\u4e0d\u4ec5\u8981\u6709\u81ea\u5df1\u72ec\u7279\u7684\u8bbe\u8ba1\u8bed\u8a00\u3002\u8fd8\u8981\u4f18\u5148\u4fdd\u8bc1\u5bf9\u4e1a\u52a1\u548c\u5ba2\u6237\u4f53\u9a8c\u5f71\u54cd\u6700\u5927\u7684\u529f\u80fd\u7684\u5448\u73b0\u3002\u6bd4\u5982\u6211\u4eec\u753b\u4e00\u4e2a\u56fe\u6807\uff0c\u8981\u53bb\u601d\u8003\u8fd9\u4e2a\u56fe\u6807\uff0c\u7528\u6237\u7684\u624b\u80fd\u4e0d\u80fd\u70b9\u4e2d\uff0c\u4f1a\u4e0d\u4f1a\u592a\u5c0f\u4e86\uff0c\u4e00\u5b9a\u8981\u5408\u7406\u3002
\u518d\u6bd4\u5982\u4e00\u4e2a\u624b\u673aAPP\u670920\u4e2a\u529f\u80fd\uff0c\u5176\u4e2d\u67095\u4e2a\u662f\u6700\u5b9e\u7528\u5e38\u7528\u7684\u529f\u80fd\uff0c\u90a3\u4e48\u6211\u4eec\u7684\u754c\u9762\u6392\u7248\u7684\u65f6\u5019\uff0c\u4e00\u5b9a\u8981\u8ba9\u8fd95\u4e2a\u56fe\u6807\u6392\u5728\u7528\u6237\u6700\u5bb9\u6613\u70b9\u4e2d\uff0c\u6700\u5bb9\u6613\u627e\u5230\u7684\u5730\u65b9\u3002
\u800c\u4e0d\u662f\u653e\u5230\u627e\u534a\u5929\u624d\u80fd\u627e\u5230\u7684\u4f4d\u7f6e\uff0c\u800c\u8fd9\u4e9b\u5c31\u53eb\u505a\u7528\u6237\u4f53\u9a8c\uff0cUI\u8bbe\u8ba1\u4e2d\u7684\u6240\u6709\u5143\u7d20\u90fd\u662f\u8981\u7ecf\u5e38\u601d\u8003\u624d\u80fd\u8fdb\u884c\u8bbe\u8ba1\u7684\u3002
5\u7efc\u5408\u80fd\u529b
UI\u8bbe\u8ba1\u9700\u8981\u5177\u5907\u7efc\u5408\u6027\u7684\u8bbe\u8ba1\u80fd\u529b\uff1a\u5305\u62ec\u5e03\u5c14\u8fd0\u7b97\u3001\u56fe\u6807\u8bbe\u8ba1\u3001\u754c\u9762\u8bbe\u8ba1\u3001\u4e3b\u9898\u8bbe\u8ba1\u3001\u4ea4\u4e92\u8bbe\u8ba1\u3001\u89c6\u89c9\u8bbe\u8ba1\u3001\u52a8\u6548\u8bbe\u8ba1\u3001\u7f51\u9875\u8bbe\u8ba1\u3001\u56fe\u5f62\u8bbe\u8ba1\u3001banner\u8bbe\u8ba1\u3001APP\u8bbe\u8ba1\u3001UE\u8bbe\u8ba1\u3001\u5c0f\u7a0b\u5e8f\u8bbe\u8ba1\u3001H5\u9875\u9762\u8bbe\u8ba1\u7b49\u3002
UI\u8bbe\u8ba1\u80fd\u529b\u662f\u4ece\u4e8bUI\u8bbe\u8ba1\u5de5\u4f5c\u7684\u5fc5\u5907\u6280\u80fd\uff0c\u5982\u679c\u4ee5\u4e0a\u8bbe\u8ba1\u80fd\u529b\u4f60\u4e0d\u5177\u5907\u548c\u719f\u7ec3\uff0c\u57fa\u672c\u4e0a\u627e\u4e0d\u5230\u4e00\u4efd\u4f60\u60f3\u8981\u7684UI\u8bbe\u8ba1\u5de5\u4f5c\uff0c\u6240\u4ee5\u7efc\u5408\u6027\u7684\u8bbe\u8ba1\u80fd\u529b\u4e00\u5b9a\u8981\u4f1a\u3002
\u4ee5\u4e0a\u5c31\u662f\u4e00\u4e2aUI\u8bbe\u8ba1\u5e08\u5728\u5de5\u4f5c\u4e2d\u6240\u9700\u8981\u5177\u5907\u7684\u7efc\u5408\u80fd\u529b\uff0c\u53ea\u6709\u638c\u63e1\u4e86\u4ee5\u4e0a\u7684\u5168\u90e8\u6280\u80fd\u4ee5\u540e\uff0c\u4f60\u624d\u80fd\u6210\u4e3a\u4e00\u540d\u5408\u683c\u7684\u804c\u4e1aUI\u8bbe\u8ba1\u5e08\u3002
\u5f53\u7136\uff0c\u5982\u679c\u4f60\u73b0\u5728\u8fd8\u4e0d\u5177\u5907\u4ee5\u4e0a\u7684\u8fd9\u4e9b\u7efc\u5408\u80fd\u529b\u4e5f\u6ca1\u6709\u5173\u7cfb\uff0c\u53ef\u4ee5\u53c2\u52a0\u8fbe\u5185\u7684UI\u8bfe\u7a0b\u5b66\u4e60\uff0c4-5\u4e2a\u6708\u4ee5\u540e\uff0c\u5373\u53ef\u4ece\u4e00\u4f4d\u96f6\u57fa\u7840\u5c0f\u767d\u5feb\u901f\u6210\u4e3a\u4e00\u540d\u5408\u683c\u7684\u4e13\u4e1aUI\u8bbe\u8ba1\u5e08\u3002
\u8981\u6210\u4e3aui\u8bbe\u8ba1\u5e08\u9700\u8981\u638c\u63e1\u7684\u6280\u80fd\u6709\u54ea\u4e9b\uff1f\u8981\u77e5\u9053\u548c\u51e0\u5e74\u6bd4\u8d77\u6765\uff0cUI\u754c\u9762\u4e2d\u6240\u627f\u8f7d\u7684\u5143\u7d20\u548c\u98ce\u683c\u5df2\u7ecf\u975e\u5e38\u591a\u6837\u4e86\uff0c\u800c\u5404\u79cd\u65b9\u4fbf\u7684\u5de5\u5177\u8ba9\u8bbe\u8ba1\u7684\u95e8\u69db\u964d\u4f4e\u7684\u540c\u65f6\uff0c\u4e5f\u8ba9\u8fd9\u4e9b\u4fbf\u6377\u7684\u5de5\u5177\u548c\u591a\u6837\u7684\u8bbe\u8ba1\u8bbe\u8ba1\u9700\u6c42\uff0c\u90fd\u8f6c\u53d8\u6210\u4e3aUI\u8bbe\u8ba1\u5e08\u4e13\u4e1a\u6027\u7684\u300c\u6210\u672c\u300d\u4e86\u3002\u90a3\u4e48\u6765\u8bf4\u4e00\u4e0bUI\u8bbe\u8ba1\u5e08\u9700\u8981\u638c\u63e1\u7684\u6280\u80fd\u6709\u54ea\u4e9b
1\u3001\u638c\u63e1\u5de5\u4f5c\u8f6f\u4ef6\u5de5\u5177
\u4e00\u4e2a\u4f18\u79c0\u7684ui\u8bbe\u8ba1\u5e08\u9664\u4e86\u9700\u8981\u638c\u63e1Photoshop\u3001Illustrator\u3001ARP\u3001DW\u3001C4D\u3001XD\u7b49\u8bbe\u8ba1\u5de5\u5177\u5916\uff0c\u8fd8\u9700\u8981\u638c\u63e1\u590d\u6742\u8bbe\u8ba1\u8f6f\u4ef6\u5de5\u5177\uff0c\u540c\u65f6\u8fd8\u9700\u8981\u5177\u5907\u4ea4\u4e92\u8bbe\u8ba1\u7684\u601d\u60f3\u3002\u8f6f\u4ef6\u662f\u57fa\u7840\uff0c\u6ca1\u6709\u8f6f\u4ef6\u5de5\u5177\u600e\u4e48\u8c08\u505a\u66f4\u597d\u7684\u4f5c\u54c1\u90fd\u662f\u4e0d\u73b0\u5b9e\u7684\u3002\u8fd9\u4e2a\u6587\u4ef6\u5939\u53ef\u4ee5\u4e0b\u8f7d\u8f6f\u4ef6\u4f7f\u7528\u7684\u54e6\uff01
PS\u3001AI\u7684\u4f5c\u7528\u4e3b\u8981\u662f\u7ed8\u5236\u56fe\u6807\u53ca\u754c\u9762\uff0cAE\u4e3b\u8981\u8d1f\u8d23\u52a8\u6548\u7684\u5236\u4f5c\uff0cARP\u8fd9\u4e9b\u4e3b\u8981\u662f\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7684\u5de5\u4f5c\uff0c\u4f46\u662f\u5c0f\u516c\u53f8\u6ca1\u6709\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7684\u804c\u4f4d\uff0c\u5927\u516c\u53f8\u8981\u548c\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7ecf\u5e38\u914d\u5408\uff0c\u6240\u4ee5\u6211\u4eec\u4e5f\u8981\u5177\u5907\u539f\u578b\u56fe\u7684\u8bbe\u8ba1\u80fd\u529b\u3002
DW\u4e3b\u8981\u662f\u8d1f\u8d23\u7f51\u9875\u5236\u4f5c\u8bbe\u8ba1\uff0cC4D\u4e3b\u8981\u8d1f\u8d23\u52a8\u753b\u8bbe\u8ba1\uff0cXD\u4e13\u4e1a\u7684\u56fe\u5f62\u5316\u754c\u9762\u8bbe\u8ba1\u5de5\u5177\uff0c\u96c6\u539f\u578b\uff0c\u8bbe\u8ba1\u548c\u4ea4\u4e92\u7b49\u4f5c\u7528\u3002
2\u3001UI\u754c\u9762\u7684\u8bbe\u8ba1\u80fd\u529b
\u8eab\u4e3aUI\u8bbe\u8ba1\u5e08\uff0c\u81ea\u7136\u662f\u8981\u638c\u63e1UI\u754c\u9762\u672c\u8eab\u7684\u8bbe\u8ba1\u3002
UI\u754c\u9762\u7684\u8bbe\u8ba1\u662f\u4e00\u4e2a\u7efc\u5408\u80fd\u529b\uff0c\u662f\u7edf\u5408\u5404\u79cdUI\u5143\u7d20\u3001\u4ea4\u4e92\u3001\u52a8\u6548\u3001\u89c6\u89c9\u7684\u4e00\u9879\u5168\u9762\u7684\u80fd\u529b\uff0c\u5728\u5f88\u591a\u65f6\u5019\u751a\u81f3\u4e0d\u6b62\u662f\u79fb\u52a8\u7aef\u7684UI\uff0c\u8fd8\u5305\u62ec\u7f51\u9875\u7684\u8bbe\u8ba1\u3002
3\u3001\u719f\u7ec3\u8fd0\u7528\u8bbe\u8ba1\u89c4\u8303\u7684\u80fd\u529b
\u79fb\u52a8\u7aef\u8bbe\u8ba1\u65e0\u7591\u662f\u5982\u4eca\u7684\u4e3b\u6d41\u3002\u4f46\u662f\uff0c\u5373\u4fbf\u662f\u5982\u4eca\u4e3b\u6d41\u7684iOS \u548c Android \u4e24\u5927\u5e73\u53f0\u7684\u8bbe\u8ba1\u89c4\u8303\uff0c\u90fd\u5df2\u7ecf\u975e\u5e38\u7684\u5b8c\u5584\u4e14\u6781\u7aef\u7684\u7ec6\u81f4\u4e86\u3002
\u4e00\u5957\u9700\u8981\u517c\u5bb9\u76ee\u524d\u4e3b\u6d41 iOS \u8bbe\u5907\u7684 UI \u754c\u9762\u9700\u8981\u8bbe\u8ba1\u719f\u77e5\u76f8\u5173\u7684\u5c3a\u5bf8\u548c\u4ea4\u4e92\u7684\u6807\u6ce8\uff0c\u800c\u5728\u66f4\u52a0\u590d\u6742\u591a\u53d8\u7684 Android \u5e73\u53f0\u4e0a\uff0c\u8bbe\u8ba1\u5e08\u5219\u66f4\u52a0\u9700\u8981\u5728\u7f8e\u89c2\u548c\u517c\u5bb9\u4e4b\u95f4\u6e38\u5203\u6709\u4f59\u5730\u51fa\u5165\uff0c\u627e\u5230\u5e73\u8861\u70b9\u3002
4\u3001\u98ce\u683c\u5316\u7684\u8bbe\u8ba1\u80fd\u529b
\u89c6\u89c9\u7edf\u4e00\u662f\u6700\u57fa\u672c\u7684\u8bbe\u8ba1\u539f\u5219\uff0c\u6781\u5c11\u6570\u8bf8\u5982\u7c97\u91ce\u4e3b\u4e49\u8bbe\u8ba1\u98ce\u683c\u4e4b\u4e0b\u4f1a\u9700\u8981\u6df7\u642d\u6765\u521b\u9020\u9519\u4f4d\u611f\uff0c\u51e0\u4e4e\u6240\u6709\u7684\u8bbe\u8ba1\u98ce\u683c\u4e4b\u4e0b\uff0c\u8bbe\u8ba1\u5e08\u90fd\u8981\u5c3d\u91cf\u786e\u4fdd\u7edf\u4e00\u7684\u89c6\u89c9\u3002
\u98ce\u683c\u5316\u7684 UI \u8bbe\u8ba1\u9700\u8981\u8bbe\u8ba1\u5e08\u638c\u63a7\u4e0d\u540c\u8bbe\u8ba1\u98ce\u683c\u7684\u4e3b\u8981\u7279\u5f81\uff0c\u80fd\u591f\u5728\u591a\u53d8\u7684\u9700\u6c42\u4e4b\u4e0b\uff0c\u5c06\u4e0d\u540c\u7684\u5143\u7d20\u3001\u5185\u5bb9\uff0c\u7075\u6d3b\u5730\u7edf\u4e00\u5230\u4e00\u4e2a\u914d\u8272\u65b9\u6848\u3001\u4e00\u4e2a\u98ce\u683c\u4e4b\u4e0b\u3002
5\u3001\u719f\u77e5\u4ea4\u4e92\u8bbe\u8ba1
\u867d\u7136 UI \u8bbe\u8ba1\u5e08\u5e76\u4e0d\u4e00\u5b9a\u8981\u505a\u5230\u4ea4\u4e92\u8bbe\u8ba1\u5e08\u7684\u90a3\u4e2a\u7a0b\u5ea6\uff0c\u4f46\u662f\u5982\u4eca\u7684 UI \u8bbe\u8ba1\u5e08\u4e0d\u80fd\u4ec5\u4ec5\u5c40\u9650\u4e8e\u5355\u4e2a\u6216\u8005\u4e0d\u8fde\u7eed\u7684\u754c\u9762\u5f53\u4e2d\uff0c\u754c\u9762\u548c\u754c\u9762\u4e4b\u95f4\u5982\u4f55\u8f6c\u5316\uff0c\u5982\u4f55\u5207\u6362\uff0c\u5982\u4f55\u89e6\u53d1\uff0c\u90fd\u662f\u5982\u4eca UI \u8bbe\u8ba1\u5e08\u9700\u8981\u641e\u6e05\u695a\u7684\u4e8b\u60c5\u3002
6\u3001\u52a8\u6548\u8bbe\u8ba1\u7684\u80fd\u529b
\u7ed9\u4e88\u7528\u6237\u5373\u65f6\u53cd\u9988\u7684\u5fae\u4ea4\u4e92\u5927\u591a\u9700\u8981\u501f\u52a9\u52a8\u6548\u6765\u5b9e\u73b0\uff0c\u9664\u6b64\u4ee5\u5916\uff0c\u754c\u9762\u4ea4\u4e92\u7684\u89c6\u89c9\u6548\u679c\uff0c\u4e0d\u540c\u754c\u9762\u7684\u8f6c\u573a\u8fde\u63a5\uff0c\u63a7\u4ef6\u7684\u53d8\u5316\uff0c\u751a\u81f3\u52a8\u6001\u63d2\u753b\uff0c\u5982\u4eca\u4e5f\u9700\u8981\u501f\u52a9\u52a8\u753b\u548c\u52a8\u6548\u6765\u5448\u73b0\u3002
7\u3001\u7efc\u5408\u8bbe\u8ba1\u80fd\u529b
UI \u8bbe\u8ba1\u5e08\u662f\u4e0d\u662f\u53ea\u662f\u505a\u505aUI\u754c\u9762\uff1f\u5f53\u7136\u4e0d\uff0c\u4e00\u4e2a\u638c\u63e1\u4e86\u5982\u6b64\u4e4b\u591a\u6280\u80fd\u548c\u5de5\u5177\u7684UI\u8bbe\u8ba1\u5e08\uff0c\u53ef\u4ee5\u5145\u5206\u8fd0\u7528\u624b\u5934\u7684\u5de5\u5177\u548c\u8bbe\u8ba1\u80fd\u529b\uff0c\u521b\u9020\u66f4\u591a\u7c7b\u522b\uff0c\u66f4\u52a0\u4e30\u5bcc\u7684\u8bbe\u8ba1\u3002
\u9002\u7528\u5e7f\u6cdb\u7684\u6d77\u62a5\uff0c\u591a\u6837\u7684\u6298\u9875\uff0c\u751a\u81f3\u804a\u5929\u7684\u8868\u60c5\u5305\uff0c\u8fd9\u4e9b\u8d85\u51fa UI \u8bbe\u8ba1\u5e08\u5de5\u4f5c\u8303\u56f4\u7684\u8bbe\u8ba1\u5185\u5bb9\uff0c\u4e0d\u4ec5\u80fd\u5e2e\u4f60\u63a2\u7d22\u66f4\u5e7f\u6cdb\u7684\u8bbe\u8ba1\u9886\u57df\uff0c\u6709\u7684\u65f6\u5019\u8fd8\u4f1a\u7ed9\u4f60\u5728\u6536\u76ca\u4e0a\u5e26\u6765\u610f\u5916\u4e4b\u559c\u3002
如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。
不过，学完这些软件之后，切忌炫技，学到这步，你只是学会了修图，还只在美工的地步，并谈不上设计。
2.画图基础
有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。
临摹的内容，可以有两方面选择：一种是系统自带的图标，比如Mac OX、Windows，或者移动端iOS、Android的原生图标，都是精心打磨过，既能帮助初学者了解平台设计规则，又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识。
3.各平台设计规则
iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。
4.审美意识
为什么我们青睐每日故宫、榫卯、网易云音乐这类应用？除了应用本身生产的优质内容外，设计感是很重要的一点，君不见多少用户赞美良心设计。
那么，什么是设计感呢？投射到设计师身上，大概就是设计师自身的审美意识了。
至于审美意识要如何培养、提高，这就跟你去问文学家要如何提高写作能力一样，他大概也是懵逼的。日积月累地浏览、学习、思考、练习，大概就是逐渐提升的可能途径吧。
5.交互设计
分不清交互和UI的人，可能一抓一大把，事实上，这还是有区别的。从一般意义上说，UI主要做的是图形用户界面，也可以称为GUI设计师；交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。
但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢？一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。
6.用户体验
从前，除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题，但如今多元的趋势下，一个互联网产品的视觉设计，需要懂一点产品、懂一点用户体验，才能更有效的推进合作流程，同时也会培养自己多元化的思维方式（用户研究以缜密的逻辑发展，而UI设计则更加追求审美）。
7.时刻保持学习状态与学习主动性。
学习的机会很多，无论是在生活里，你结实一个朋友、看场电影，读一本书，浏览一个网站，看一则广告，随处都暗藏着学习的机会，虽然不一定能学到具体的技能，但至少可以领略到一些精神和获得一些专业上的灵感。
锻炼自己的沟通表达能力，因为作为设计师要跟产品经理沟通，你要跟开发沟通，设计师之间的沟通，项目是一个团队协同共事的过程；还有逻辑思维能力，UI设计包括了软件操作逻辑的设计，对逻辑思维也是有一定的要求；
当然专业知识一定要扎实，图标界面绘制、手绘、设计规范、网页设计、用户体验设计、交互软件使用、色彩搭配、平面布局等等；如果有营销思维、策划能力、文案能力，恭喜你，你已经是一个优秀的UI设计师了。
互联网是一个日新月异的行业，建议大家，在日后的界面设计工作中，不可盲目的追赶潮流，要知道，设计是需要一段时间的沉淀才能达到一个新高度。多洞察别人的作品，多阅读、多思考，这样你才能成为一个优秀的设计师。
UI设计师，需要具备以下技能：1. 深入了解用户体验和用户界面设计原则，包括色彩、构图、图形设计等相关技术。2. 精通设计工具，如Photoshop、Illustrator、Sketch等，能够熟练制作UI界面，图标，以及其他视觉设计内容。3. 了解HTML、CSS、JavaScript等基础知识，能够基于这些知识实现高效的界面交互和动画效果。4. 熟悉移动端界面设计和开发，包括响应式设计、移动端网页设计等技术。5. 具有良好的沟通和协调能力，能够和其他团队成员（如开发人员、产品经理）进行有效的合作。6. 拥有敏锐的视觉感知和创意、审美意识，能够对界面设计进行合理的优化和改进。7. 了解数据分析和用户研究方法，能够利用这些知识制定和优化UI设计方案。
1.技术基础
如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。
不过，学完这些软件之后，切忌炫技，学到这步，你只是学会了修图，还只在美工的地步，并谈不上设计。
2.画图基础
有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。
临摹的内容，可以有两方面选择：一种是系统自带的图标，比如Mac OX、Windows，或者移动端iOS、Android的原生图标，都是精心打磨过，既能帮助初学者了解平台设计规则，又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识。
3.各平台设计规则
iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。
4.审美意识
为什么我们青睐每日故宫、榫卯、网易云音乐这类应用？除了应用本身生产的优质内容外，设计感是很重要的一点，君不见多少用户赞美良心设计。
那么，什么是设计感呢？投射到设计师身上，大概就是设计师自身的审美意识了。
至于审美意识要如何培养、提高，这就跟你去问文学家要如何提高写作能力一样，他大概也是懵逼的。日积月累地浏览、学习、思考、练习，大概就是逐渐提升的可能途径吧。
5.交互设计
分不清交互和UI的人，可能一抓一大把，事实上，这还是有区别的。从一般意义上说，UI主要做的是图形用户界面，也可以称为GUI设计师；交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。
但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢？一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。
6.用户体验
从前，除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题，但如今多元的趋势下，一个互联网产品的视觉设计，需要懂一点产品、懂一点用户体验，才能更有效的推进合作流程，同时也会培养自己多元化的思维方式（用户研究以缜密的逻辑发展，而UI设计则更加追求审美）。
7.时刻保持学习状态与学习主动性。
学习的机会很多，无论是在生活里，你结实一个朋友、看场电影，读一本书，浏览一个网站，看一则广告，随处都暗藏着学习的机会，虽然不一定能学到具体的技能，但至少可以领略到一些精神和获得一些专业上的灵感。
锻炼自己的沟通表达能力，因为作为设计师要跟产品经理沟通，你要跟开发沟通，设计师之间的沟通，项目是一个团队协同共事的过程；还有逻辑思维能力，UI设计包括了软件操作逻辑的设计，对逻辑思维也是有一定的要求；
当然专业知识一定要扎实，图标界面绘制、手绘、设计规范、网页设计、用户体验设计、交互软件使用、色彩搭配、平面布局等等；如果有营销思维、策划能力、文案能力，恭喜你，你已经是一个优秀的UI设计师了。
互联网是一个日新月异的行业，建议大家，在日后的界面设计工作中，不可盲目的追赶潮流，要知道，设计是需要一段时间的沉淀才能达到一个新高度。多洞察别人的作品，多阅读、多思考，这样你才能成为一个优秀的设计师。
UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。ui设计师要了解哪些技能呢？
UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。
如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。
软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。
UI设计师的工作内容主要包括：
1. 负责软件界面的美术设计、创意工作和制作工作；
2. 根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计；3.对页面进行优化，使用户操作更趋于人性化；
4.维护现有的应用软件产品；
5.收集和分析用户对于GUI的需求。
Ui设计师精通的技能：
在工作能力和实践经验上，一是要求从业人员精通Photoshop、Illustrator、Flash等图形软件，Html、Dreamweaver等网页制作工具，能够独立完成静态网页设计工作；熟练操作常用办公软件，且具备其他软件应用能力；熟悉Html，CSS，Javascript，Ajax。
二是要求对通用类软件或互联网应用产品的人机交互有自己的理解和认识。三是具备良好的审美能力、深厚的美术功底，有较强的平面设计和网页设计能力。四是具有敏锐的用户体验观察力，富有创新精神。
ui设计师要具备哪些技能？如果以上的技能你能熟练掌握，相信想要找一份稳定且高薪资的工作也比较容易，所以，如果你现在还不具备这些技能，那么就抓紧时间学习吧，机会都是留给有准备的人，只有自己具备足够的技术能力，才能在职场中迎刃有余。
大家百度的时候就出现这个解释，UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互（用户体验师）、操作逻辑（交互设计师）、界面美观（视觉设计师）的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
一、首先熟悉要Photoshop、Adobe illustrator、Adobe After Effects、Axure RP软件的操作。
Photoshop：主要处理以像素所构成的数字图像。主要用于界面图形、图标、视觉的整体设计，可以满足UI界面设计的日常需要。
Adobe illustrator：是矢量软件，在处理一些及其复杂的图形路径时候，可以考虑使用Illustrator也有设计师所有的图标在Illustrator中完成，然后连接嵌入到Photoshop。
Adobe After Effects：现在扁平化设计成为主流，所以动效设计成为不可或缺的一部分。可通过这个软件设计动效平滑切换界面。
Axure RP：是一个专业的快速原型设计工具。是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。
除了要会软件之外，也需要学习以下这些技能。
一、熟练设计技巧，用户界面设计主要包含图形设计、用户体验设计和应用程序开发几个方面。UI设计师首先需要具备基本的UI设计技巧，既要懂设计，又要懂技术。
二、设计理念强，UI设计师必须在产品功能和视觉元素间找到平衡，既要满足产品的功能需求，又要尽量美观。
三、过硬的技术能力，UI设计是一个不断发展的行业。它要求设计师要不断创新，不断学习新的技术。合格的UI设计师必须能适应这种变化。
四、创造能力强，最好的用户界面就是没有界面。所有优秀的UI设计师必须能轻松创建简洁且易于使用的用户界面。
绛旓細UI璁捐甯堟妧鑳戒竴锛氱啛缁冭璁℃妧宸锛岀敤鎴风晫闈㈣璁′富瑕佸寘鍚浘褰㈣璁°佺敤鎴蜂綋楠岃璁″拰搴旂敤绋嬪簭寮鍙戝嚑涓柟闈俇I璁捐甯堥鍏堥渶瑕佸叿澶囧熀鏈殑UI璁捐鎶宸э紝鏃㈣鎳傝璁★紝鍙堣鎳傛妧鏈俇I璁捐甯堟妧鑳戒簩锛UI璁捐甯堝繀椤绘帉鎻″墠绔紑鍙戠殑鐭ヨ瘑锛屽寘鎷琀TML銆丆SS鍜孞avaScript锛屼互鍙奝hotoshop銆佸浘褰㈣璁′互鍙婁唬鐮佺紪鍐欑殑鑳藉姏銆俇I璁捐甯堟妧鑳戒笁...
绛旓細ui璁捐甯堥渶瑕佸叿澶囪兘鍔涘涓嬶細1銆 浜у搧鐩磋鍔涖2銆佸垱鏂板姏銆3銆佹矡閫氭紨璁茶兘鍔涖4銆佺鐞嗚兘鍔銆傚熀鏈畝浠嬶細UI琛ㄩ潰涓婄湅鏄敤鎴蜂笌鐣岄潰涓や釜缁勬垚閮ㄥ垎锛屼絾瀹為檯涓婅繕鍖呮嫭鐢ㄦ埛涓庣晫闈箣闂寸殑浜や簰鍏崇郴銆傚叿浣撹繕鍖呮嫭锛鍙敤鎬у垎鏋愩丟UI锛圙raphic User Interface鍗冲浘褰㈢敤鎴风晫闈級璁捐銆佺敤鎴锋祴璇曠瓑銆傚ソ鐨刄I璁捐涓嶅彧鏄杞欢鍙樺緱鏈変釜...
绛旓細1銆佽鏈夌啛缁冪殑杞欢鎿嶄綔鑳藉姏锛孭S锛孉I锛孉E锛屽師鍨嬭璁¤蒋浠堕兘瑕佹帉鎻°2銆璁捐鐞嗗康寰堝己锛孶I璁捐甯堝繀椤诲湪浜у搧鍔熻兘鍜岃瑙夊厓绱犱箣闂存壘鍒板钩琛＄偣銆3銆浼樼鐨勬妧鏈兘鍔锛孶I璁捐鏄竴涓笉鏂彂灞曠殑琛屼笟銆4銆佸己澶х殑鍒涗綔鑳藉姏锛屼紭绉鐨刄I璁捐甯堝繀椤昏兘澶熻交鏉惧垱寤虹畝鍗曟槗鐢ㄧ殑鐢ㄦ埛鐣岄潰銆
绛旓細1.鍥惧儚澶勭悊杞欢锛歅hotoshop銆丼ketch銆両llustrator绛锛岃繖浜涜蒋浠跺彲浠ョ敤鏉ヨ繘琛岀晫闈㈣璁°佸浘褰㈠鐞嗐佸浘鐗囧垏鍓茬瓑锛屾槸UI璁捐鐨勫熀纭宸ュ叿銆2.缃戦〉寮鍙戞妧鏈锛氱啛鎮塇TML銆丆SS銆丣avaScript绛夌浉鍏虫妧鏈紝鍙互璁╀綘鏇村ソ鍦版妸璁捐瀹炵幇鎴愪负涓涓彲鐢ㄧ殑缃戦〉鎴栧簲鐢ㄧ▼搴忋3.UI璁捐鍘熷垯锛瀛︿範骞舵帉鎻＄晫闈㈣璁″師鍒锛屽鑹插僵鐞嗚銆佸瓧浣撴帓鐗堛...
绛旓細1杞欢鑳藉姏 涓涓紭绉鐨剈i璁捐甯闄や簡闇瑕佹帉鎻hotoshop銆両llustrator銆丏W銆丆4D绛夎璁″伐鍏峰锛岃繕闇瑕佹帉鎻reamweaver銆丠TML銆丏IV+CSS绛夌綉绔欐妧鏈伐鍏凤紝鍚屾椂杩橀渶瑕佸叿澶浜や簰璁捐鐨勬濇兂銆侾S銆丄I鐨勪綔鐢ㄤ富瑕佹槸缁樺埗鍥炬爣鍙婄晫闈紝AE涓昏璐熻矗鍔ㄦ晥鐨勫埗浣滐紝ARP杩欎簺涓昏鏄氦浜掕璁″笀鐨勫伐浣滐紝浣嗘槸灏忓叕鍙告病鏈変氦浜掕璁″笀鐨勮亴浣嶏紝澶...
绛旓細1.鍩虹宸ュ叿 Office 绯诲垪蹇呴』浼氱敤锛岃繖鏄亴鍦轰汉鐨勫熀纭锛岃繖閲屼笉鍐嶅璇翠簡锛屼娇鐢 Mac 鐨勫悓瀛︿篃瑕佷細鐢 Pages銆並eynote銆丯umbers銆傚彟澶栫煶澧ㄣ佽闆绛夊湪绾垮伐鍏蜂篃鏈夊緢澶氬洟闃熺敤浜庡崗浣溿傝繖浜涘伐鍏峰ぇ瀹堕兘鏈変竴瀹氱殑鍩虹锛屽璧锋潵涔熶笉闅俱2.淇℃伅鏋舵瀯宸ュ叿 杩欎簺涔熶笉鐢ㄥ璇翠簡锛孶I 璁捐甯堝拰浜や簰璁捐甯堛佸墠绔璁″笀銆佷骇鍝佺粡鐞...
绛旓細1.浜у搧鐩磋鍔 瀵瑰ソ璁捐鐨勭洿瑙夋劅鐭ヨ兘鍔涙槸UI璁捐甯堥渶瑕佸叿澶囩殑鑳藉姏涔嬩竴銆備綔涓鸿璁″笀杩樿鏈夋牴濂界殑澶╃嚎锛岃繖涓ぉ绾垮氨鏄綘鐨勭洿瑙夈備骇鍝佺洿瑙夊姏涔熷苟闈炲ぉ璧嬶紝蹇呴』渚濋潬璁捐甯堝ぇ閲忕殑缁忛獙鏉ュ垽鏂2.鍒涙柊鍔 鍒涙柊鍔涗笉姝㈠叧涔庤璁″笀鐨勮璁¤儗鏅紝鏇村湪浜庝竴涓汉鍚勬柟闈㈢殑缁煎悎绱犲吇銆傚畠涔熸槸UI璁捐甯堥渶瑕佸叿澶囩殑鑳藉姏锛屽垱鏂板姏鍙互...
绛旓細UI璁捐锛屽嵆鐢ㄦ埛鐣岄潰璁捐锛屾槸涓涓秹鍙婂垱閫犲拰浼樺寲鐢ㄦ埛涓庤蒋浠躲佺綉绔欐垨搴旂敤绋嬪簭浜や簰鐣岄潰鐨勮繃绋嬨備綔涓篣I璁捐甯堬紝浣闇瑕佹帉鎻涓绯诲垪宸ュ叿鍜鎶鑳鏉ユ彁鍗囧伐浣滄晥鐜囧拰璁捐璐ㄩ噺銆備互涓嬫槸鎴愪负UI璁捐甯鎵蹇呴渶鐨勪竴浜涘伐鍏峰拰鎶鑳斤細1. 璁捐杞欢鎶鑳 鎺屾彙濡侫dobe Photoshop, Illustrator, Sketch, Adobe XD, Figma, InVision绛夎璁...
绛旓細UI璁捐甯堟妧鑳戒竴锛鐔熺粌璁捐鎶宸锛岀敤鎴风晫闈㈣璁′富瑕佸寘鍚浘褰㈣璁°佺敤鎴蜂綋楠岃璁″拰搴旂敤绋嬪簭寮鍙戝嚑涓柟闈俇I璁捐甯堥鍏堥渶瑕佸叿澶囧熀鏈殑UI璁捐鎶宸э紝鏃㈣鎳傝璁★紝鍙堣鎳傛妧鏈俇I璁捐甯堟妧鑳戒簩锛UI璁捐甯堝繀椤绘帉鎻″墠绔紑鍙戠殑鐭ヨ瘑锛屽寘鎷琀TML銆丆SS鍜孞avaScript锛屼互鍙奝hotoshop銆佸浘褰㈣璁′互鍙婁唬鐮佺紪鍐欑殑鑳藉姏銆俇I璁捐甯堟妧鑳戒笁...
绛旓細涓銆佺簿閫氬閲嶈璁¤蒋浠剁殑鍩烘湰鎿嶄綔 绮鹃氳璁¤蒋浠剁殑鍩烘湰鎿嶄綔鏄竴涓璁″笀鍏ヨ鐨勫熀纭銆備綔涓烘渶鍩烘湰鐨勮亴涓鎶鑳锛UI璁捐甯涓嶄粎瑕佷簡瑙ｈ繖浜涜蒋浠躲佸浼氳繖浜涜蒋浠讹紝杩樿鍚堢悊杩愮敤锛屽埄鐢ㄥソ杩欎簺璁捐鐨勮緟鍔╁伐鍏枫傜啛缁冪殑鎿嶄綔浣垮緱宸ヤ綔鏇村姞鏂逛究蹇嵎銆傛墍浠ョ啛缁鎺屾彙杞欢鐨勬搷浣滐紝鏄竴涓璁″笀鐨勫叆闂ㄥ繀淇銆備簩銆佹彃鐢荤粯鍒剁殑鑳藉姏 鍦║I...
