這是今天早晨的簡書的封面扒接，（其實(shí)以前都沒注意過）伪货，等等们衙，然后發(fā)現(xiàn)了哪里不對
左邊圖片配的文字，怎么看上去辣么別扭碱呼。
給白色文本加了投影蒙挑，那因?yàn)楸尘皥D片不是那種純色或者模糊的效果，會導(dǎo)致文本看上去不清晰愚臀。
改改試試忆蚀。
因?yàn)榧依颬C配置比較低，ps也只有基本的字體懊悯，所以只能用微軟雅黑暫時代替了
改進(jìn)方法1蜓谋，給圖片加上半透明的黑，然后去掉投影效果炭分，效果如下：
改進(jìn)方法2，不增加代碼的基礎(chǔ)上捧毛，改文本的text-shadow屬性观堂，來實(shí)現(xiàn)文本的黑色的外發(fā)光效果。因?yàn)椤昂啎焙汀敖涣鞴适卵接牵瑴贤ㄏ敕ā庇昧讼嗤膖ext-shadow設(shè)置师痕，-1px,0,0,rgba(0,0,0,0.75)，外發(fā)光效果很好實(shí)現(xiàn)而账，把X軸和Y軸偏移值都設(shè)定為0胰坟，同時設(shè)定模糊半徑值，考慮到“交流故事泞辐，溝通想法”的字號笔横，把半徑定義到6px，感覺還比較合適咐吼，同時吹缔，為了讓白色文本更突出，也去掉了外發(fā)光的透明度锯茄，0,0,6px,rgba(0,0,0,1)厢塘，效果如下：
這里說一下前端攻城獅和界面設(shè)計的配合，有時候UI最大的感慨就是設(shè)計稿看上去很美好肌幽，但最后實(shí)現(xiàn)的效果有偏差甚至偏差很大晚碾，所以這時候需要的一個重要的工作就是“視覺聯(lián)調(diào)”。
比如牍颈，我猜測一下故事場景迄薄，當(dāng)簡書的UI給首頁找來一張圖片，然后定義好字號煮岁、顏色讥蔽、排版等等涣易，交給前端開發(fā)人員后，前端按照界面標(biāo)注做好之后冶伞，發(fā)現(xiàn)新症，文本似乎不是那么清楚，那后就加了投影的屬性响禽。然后UI看了最終實(shí)現(xiàn)的效果徒爹，感慨一下，好吧芋类，差不多算實(shí)現(xiàn)了吧隆嗅，然后，然后……
所以
-------------
前端懂一點(diǎn)點(diǎn)審美和UI懂一點(diǎn)點(diǎn)代碼侯繁，最終才能成為完美組合胖喳。
