UXspace中国用户体验与产品创新门户"H"N
lM3\R8y {e}1第一部分：整体结构设计，在Photoshop中（近日内容）UXspace中国用户体验与产品创新门户7H4yp$sQ'F
UXspace中国用户体验与产品创新门户EQ(J{rxA^oW2.第二部分：切片和编码UXspace中国用户体验与产品创新门户&~H"gI @'K"r@
UXspace中国用户体验与产品创新门户 S C|!lL:oa Z'T3.在WordPress执行（整体文件合成），文件包括以下内容：
)w+]F.}z'ah0
UXspace中国用户体验与产品创新门户 @5lV)}5WR)G'C-pheader.php
,BhK
xT5q^0
UXspace中国用户体验与产品创新门户*S8R G"Z1yJF'E.jsidebar.phpUXspace中国用户体验与产品创新门户-Eh(Pf c
T`GnWb2r0about.phpUXspace中国用户体验与产品创新门户Z&dI9\;_3gb A&G {.^$k
!r*?!D0]2wTN0footer.phpUXspace中国用户体验与产品创新门户L AID0O[ g3?
]Dq)l%mN4})IyO0index.phpUXspace中国用户体验与产品创新门户6IM-T+e'VKb
UXspace中国用户体验与产品创新门户 X!c!^R \ s9q(Pfeatured-post.phpUXspace中国用户体验与产品创新门户*QcJIy:@/H
6nLc(ti OD4G0page.phpUXspace中国用户体验与产品创新门户dFF s~2Zw h
UXspace中国用户体验与产品创新门户j3V1y+xk1[y:[single.php
pF+BR Rj g&pl0
P2Q g6s)l3irz1D/w0comments.phpUXspace中国用户体验与产品创新门户} @q^ \gT7E
UXspace中国用户体验与产品创新门户 [e.]7n&Y }u farchives.php, links.phpUXspace中国用户体验与产品创新门户
| XY-BR}
Wj,wF&n
UXspace中国用户体验与产品创新门户/~#Q_T5O U HE-ysearch.php, searchform.php
&lf-wuPa V0
UXspace中国用户体验与产品创新门户H&?"P(z eA:|function.php
Zp1q^.d(VG@(IN6?0
*C*fj]i{9j L0image.php
|/m3Iz1X&T0
!e
Y8J K"Q2J2Tp0框架的构建
!k:W;L fw3_~0
UXspace中国用户体验与产品创新门户5P4E G1hh这是一个非常重要的一部分，在设计网页布局。我们需要在PS中构建我们的结构布局之。第一件事的目的就是布局。本文模板构建的布局包括以下内容：<UXspace中国用户体验与产品创新门户j}b G@
m4B
UXspace中国用户体验与产品创新门户%N/J*dq U*d:zHeaderUXspace中国用户体验与产品创新门户
?b'o)y#o(H6P
+A?}
D\]0Posting area
x]8]3e^2Y/{7~ Y0
S
IP]5U7i SI0Sidebar
dEBx:ii u8Fc5L#k0
UXspace中国用户体验与产品创新门户4X|#`!V5M(v CSingle pageUXspace中国用户体验与产品创新门户Sy(V"v-u s*T3P
:q D9b:`1H4p0CommentUXspace中国用户体验与产品创新门户 Va%V-^!Ba/`1s
UXspace中国用户体验与产品创新门户GVWAFFeedback
.f Fx3V*dm0
UXspace中国用户体验与产品创新门户.a o {q~ \oSearching field
n @ [ oK&JP9t
c0
.U,S6TT*_s2N9J |k0Page menu
'AS+B3K\sq
Wl0
UXspace中国用户体验与产品创新门户;l1C` x
Pl eRSSUXspace中国用户体验与产品创新门户S-](zS6M0|jq
UXspace中国用户体验与产品创新门户
| ~ ybh vArchives, Links and About Page
*i
W/X:{8a0
a2h+r6HI,W0c)A0我们需要紧记，我们不能把所有的东西都放在一个篮子里。因此，我们需要记住：
0lA!ozB/_e0
UXspace中国用户体验与产品创新门户0s L*S v(u2Iz1.不要展示的东西太多了，在一单页。
QVX k:U"Hc wl0
UXspace中国用户体验与产品创新门户E
yz.D#o2.不要使用太多的颜色和字体类型。
s
[3l\HD2[
z }0
UXspace中国用户体验与产品创新门户y3`5e'U @ a k:}在此示例中，我也尝试作出尽可能的简单，这里只是举一个例子，就如何建立一个WordPress的主题。。下面是制作出的最后形象，。最终的结果UXspace中国用户体验与产品创新门户V3?3{ tV
UXspace中国用户体验与产品创新门户 f#Z7vH mv Du3e8t
UXspace中国用户体验与产品创新门户 S
c"r%x)~PH4u
)MH9b S|,Q,_F6P!j0Photoshop制作教程部分UXspace中国用户体验与产品创新门户2z#?!chD.u NO
UXspace中国用户体验与产品创新门户
T!x'w/`I,]mFStep 1UXspace中国用户体验与产品创新门户;\1Q'k-s [5?0Xz9A%z
Dj b ` u-i P0创建一个新文档1024px X 768px ，因为我们构建的是一个在1024px可以正常显示的主题 . 填充背景色为#eae8c6. 显示标尺，以便整体尺寸的定位。，本文主题整体结构如下：
V/C]M0`3[0
'jwS_S;id#K!f*_ n9~0
J0s PD)hWB Td0
-b n!v S n(Y&_q0Step 2
+Q5{ {Eof0
UXspace中国用户体验与产品创新门户)Df&} eC9~W'Ec-h选取矩形工具，抓取你要的位置并以此为标题。高度你必须自己估计。平衡整体结构是主要的事，是你需要关注的问题。然后，如下所示，先填充一个渐变色，之后在下面填充一个1PX的区域，这样可以加深地方分解的地方，使整体看起来明亮有层次。
1j9[
}!@I*I$jg hF0
UXspace中国用户体验与产品创新门户(Y.?
|C~
UXspace中国用户体验与产品创新门户2C/fpPZ%C3? `V
^g
W U,BL w V0Step 3
U(|0M KeAL5BJ/z0
UXspace中国用户体验与产品创新门户yL"L4b gvH6i+~
S%?5T这里的主题文字特性制作如下，大家可以根据自己的需求制作。这里的教程是选用阴影设置，如下图所示。然后选择渐变12 ％的不透明，由黑变白。之后只需按住Ctrl，点击文字层，以获取选择。去选择>修改>缩缩> 1px 。之后创建一个新层。内描边 1px ，白色。
-t1B n ^k:gi0
c|9|n;E%e,H0
Kc1}0ZG?%V?0
7~ |#^ c6[+I G9t0Step 4
+w @)B)z;^.\K n!Mr0
UXspace中国用户体验与产品创新门户/A#aP,U V
V画矩形，请记住，最大宽度为您可以使用的是600px 。之后描取一个1px内的白色边框。如下所示。渐变区设置如下：
h5l
f"NK6~xqH0
qp&`^#sSp-}0
P!p_6WG6X0
UXspace中国用户体验与产品创新门户/f][1\0}0La9c1]Step 5UXspace中国用户体验与产品创新门户3X1Q*Q3zZOP']@
UXspace中国用户体验与产品创新门户O{t BE f y网络上有很多的按钮制作教程，大家可以看看区，其实是使用相同的技术，我们使用的按钮。整体制作方法与第三步相同。
,Rn,y G"a s;V xC0
UXspace中国用户体验与产品创新门户p0MD I n4Zn(nt3Lk
UXspace中国用户体验与产品创新门户-\mx/Jm_5gtE
