業(yè)務(wù)簡介：中企動力（300.cn）為您提供網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，中企動力專注于企業(yè)網(wǎng)站建設(shè)、高端網(wǎng)頁制作領(lǐng)域26年，對企業(yè)網(wǎng)站制作、平臺高端網(wǎng)站建設(shè)，包括汽車、家裝、農(nóng)業(yè)、外貿(mào)、機械等多個行業(yè)擁有豐富建站經(jīng)驗，選擇中企動力，為網(wǎng)站保駕護航。
換種方法做豬肉，又香又好吃，做好端上桌，最先被光盤
豬肉作為餐桌上重要的動物性食品之一，含有豐富的蛋白質(zhì)及脂肪、碳水化合物、鈣、鐵、磷等營養(yǎng)成分 ，豬肉是日常生活的主要副食品，具有補虛強身，滋陰潤燥、豐肌澤膚的作用。教你換種方法做豬肉，又香又好吃，下酒當(dāng)零食都不錯，解饞味道好，做好端上桌，非常受歡迎，最先被光盤，你也學(xué)會它做給家人吃
【自制牙簽肉】 材料：豬肉300克、油、鹽適量、孜然粉1茶匙、辣椒粉1/2湯匙、芝麻1湯匙、蠔油1湯匙、醬油1湯匙、胡椒粉1茶匙、淀粉1湯匙、白糖1茶匙 做法：
1.準(zhǔn)備好所需材料
2.先將豬肉切成條，再將豬肉切成丁
3.將肉丁放在盤內(nèi)，加入蠔油、胡椒粉、孜然粉、少許鹽、料酒、醬油，白糖抓勻，腌制10分鐘，在加入淀粉抓勻，把肉丁穿在牙簽上，每個牙簽穿2-3塊肉丁，其余依樣穿好
4.鍋加油加熱至6成熱，將肉串逐個下入炸制，如果油量少，分兩次炸，將肉串炸制金黃，撈出控油
5.將鍋內(nèi)油倒出，加入辣椒粉、芝麻，放入炸好的牙簽肉，翻炒均勻，盛出裝盤即可
烹飪技巧： 1.肉也可以選用羊肉、牛肉、雞肉都可以，做法一樣 2.肉要腌制才能更好入味 3.肉串不要炸制時間過長，炸時間長肉串口感不嫩，發(fā)硬
來源：搜狐
鄉(xiāng)親冷暖在心間(新春走基層·特別策劃①)
圖②：王凱（右一）正在向村民、貧困戶宣傳扶貧政策。
圖③：孫開林（右一）在介紹扶貧經(jīng)驗。
圖⑤：楊遠帆（左一）為貧困學(xué)生送去學(xué)習(xí)用品。
圖⑥：南賽在村委會研究扶貧工作。
資料照片
編者的話
“又有1000多萬農(nóng)村貧困人口實現(xiàn)脫貧”——習(xí)近平總書記在2018年新年賀詞中回顧了2017年脫貧成果。在這份沉甸甸的成果背后，有一個個扶貧干部的辛勤付出——
是他們，寒冬酷暑，訪遍窮溝溝山窩窩，給貧困戶帶去溫暖和希望；是他們，白天黑夜，奔波不停思考不止，為農(nóng)民增收致富想路子。黨的十八大以來，全國累計選派駐村干部277.8萬人，構(gòu)成了脫貧攻堅戰(zhàn)場上的主力軍。初出茅廬的大學(xué)生村官，來自城市的機關(guān)干部，來自各個行業(yè)、各個崗位的第一書記，共同為消除貧困而努力著。
新春佳節(jié)將至，記者走訪了幾位脫貧一線的干部，聆聽他們的故事，品嘗他們的甘苦，也一起感受貧困村的變化和鄉(xiāng)親們的喜悅。
臨近春節(jié)，冬日的農(nóng)村，一片靜謐。河北省灤平縣路南營村姚會計家里，歡聲笑語沖出屋頂，打破了鄉(xiāng)村的寧靜。
“孫志國，你擠啥？當(dāng)年不是不舍得流轉(zhuǎn)土地嗎，年年領(lǐng)分紅你倒是積極！”“楊書記，來年還有啥好政策？”村民們你一言我一語，說著這一年的收獲，嘮著這一年的脫貧事。第一書記楊遠帆一絲不茍地檢查村民入股證、核對人數(shù)、蓋章續(xù)約，心里盤算著“一地生四金”之外還有什么增收模式。
冬日的重慶，陰冷潮濕。重慶開州區(qū)雙坪村駐村工作隊干部梅杰，深一腳淺一腳地走在雨后的山路上，他要去貧困戶徐明唐家探訪。
還有河南省魯山縣瓦屋鎮(zhèn)土橋村第一書記王凱、山東省鄄城縣董口鎮(zhèn)黨委書記李玉如、湖北?？悼h堯治河村黨委書記孫開林、青海果洛藏族自治州教育局下派至尼青村的“第一書記”南賽……他們，在春節(jié)即將到來之時，依然在為困難群眾奔波。
走，到農(nóng)村去
認識農(nóng)村，了解貧窮，打敗貧窮；想在全面建成小康社會的偉大進程中，有自己的貢獻
貧窮，是什么樣子？
出生在農(nóng)村的梅杰曾經(jīng)以為自己知道。然而臨近畢業(yè)時，一場大病，不僅帶走了母親，還幾乎掏空了整個家。學(xué)校的資助、鄉(xiāng)親的幫扶，讓梅杰覺得，這個世界的溫暖并不曾偷偷溜走。英語早就過了“專八”，留在大城市并不難，畢業(yè)時梅杰卻報考了老家重慶市開州區(qū)的大學(xué)生村官，鐵了心一頭扎進大山。做一名扶貧干部，也許未必稱得上是懷揣了多么宏大的理想，但對于梅杰而言，是一份溫暖的傳遞：“就是想幫助像我母親這樣的人、像我們家這樣的家庭，不讓‘病倒一人，拖垮全家’的悲劇重演。”
貧窮，到底有多可怕？
自幼生活在上海的楊遠帆曾經(jīng)覺得陌生，直到踏入一戶貧困家庭：房屋只有外墻是完好的，房梁歪歪斜斜、勉強支撐著屋頂?shù)闹亓?，臥室窗戶上沒有一塊完整的玻璃。幾乎沒有經(jīng)濟來源的母女四人就住在這樣的房子里。
從此，認識農(nóng)村，了解貧窮，打敗貧窮，成為了楊遠帆腦海中揮之不去的念想。當(dāng)掛職扶貧干部的選拔通知出來之后，他毫不猶豫報了名，作別新婚妻子，來到河北省灤平縣路南營村當(dāng)起了第一書記?！跋袷峭蝗挥辛塑浝撸窒袷峭蝗挥辛随z甲。”貧窮擊中了他心中最柔軟的地方，也激起了與之抗?fàn)幍膹姶蠖分尽５睫r(nóng)村去，到貧窮的地方去，拔出窮根！
脫貧攻堅，是個沒有硝煙的戰(zhàn)場，也是片可以大干一場的廣闊天地。據(jù)統(tǒng)計，目前，全國共選派19.5萬名優(yōu)秀干部到貧困村和基層黨組織軟弱渙散村擔(dān)任第一書記。
“在歷史的洪流中，個人是渺小的。然而成為一名扶貧干部，就好比在偉大的中國夢實踐中，有我的一點努力；在全面建成小康社會的偉大進程中，有我的一點貢獻?！焙幽鲜◆斏娇h瓦屋鎮(zhèn)土橋村第一書記王凱如是說。
走，到農(nóng)村去！
黨的十八大以來，全國累計選派駐村干部277.8萬人，越來越多有能力、有激情、有愛心、有想法的人，投身扶貧攻堅的主戰(zhàn)場，成為“5+2”“白+黑”的扶貧干部，以夢為馬，不負韶華。
慌，咬牙堅持
扶貧工作千頭萬緒，汗沒少流，罪沒少受，有時鄉(xiāng)親們卻不理解，但還是要挺住
真正做起扶貧工作，梅杰卻慌了。
雖然英語過了專八，卻講不了農(nóng)村話；雖然裝了一腦袋知識，卻在實際工作中不知如何使用。
年輕人恐慌，中年人也慌。
山東省鄄城縣董口鎮(zhèn)黨委書記李玉如，沒想到自己的“中年危機”來得這樣兇猛。40歲這年，先是檢查出脫髓鞘性脊髓炎，已致偏癱；住院期間又檢查出更為兇險的動脈夾層破裂癥，醫(yī)院下達了病危通知書。此時的李玉如，上有年邁多病的父母，下有未成年的女兒；此時的董口鎮(zhèn)，土壤瘠薄，靠天吃飯，8796名貧困人口，一多半是60歲以上的老年人。家里鎮(zhèn)里，他都是頂梁柱，要是倒下了，這么多人怎么辦？
扶貧干部們感受到的，除了慌，還有涼。
輪胎跑壞了4條，減震器換了2個，王凱開著自己的車跑遍河南，終于確定了土橋村精準(zhǔn)脫貧的發(fā)展項目，還拉來了“娘家人”海關(guān)總署的投資。項目眼看就能上馬，村民反應(yīng)卻很冷淡，有人說：“這海關(guān)投資建的大棚算誰的？賠了怎么辦？還不如把錢分給大家呢。”一盆冷水澆下來，透心涼。
湖北?？悼h堯治河村黨委書記孫開林忙著動員村民們集資入股，修水庫建電站，抬頭卻看到了村民編的順口溜：“孫開林當(dāng)個支書磨死人，今天修公路，明天搞股份，一年四季不消停，把我們搞得吭吭聲。”大字寫在墻上，臉上火辣辣，心底冰冰涼。汗沒少流，罪沒少受，有時鄉(xiāng)親們卻不理解，說不委屈，那是假的。
委屈的也不只是扶貧干部自己，更虧欠的，是家人。一個人生活，一個人籌備婚禮，一個人跑去醫(yī)院產(chǎn)檢……楊遠帆的愛人丹丹已經(jīng)習(xí)慣了一個人生活，自己照顧自己。歉疚太多，也錯過了太多，楊遠帆甚至覺得對自己剛剛出生的孩子有些“陌生”：“說實話，這兩年的精力全都用在村里的工作上了。”笑了笑，又嘆口氣，一米八幾的大個子眼圈紅了。
燃，傾力幫扶
激情點燃了脫貧斗志；口袋滿不能腦袋空，否則今天富明天窮
收起恐慌，咽下委屈，既然選擇了扶貧，就要干出成績！
精準(zhǔn)扶貧，第一步是精準(zhǔn)識別。作為外來的干部，怎么融入老鄉(xiāng)中間，聽心聲，識真貧？
對王凱來說，就是先當(dāng)村民，再當(dāng)村官，不把自己當(dāng)外人。走村入戶，不管條件多艱苦，端起碗就吃，接過饃就啃，即便難以下咽，也高高興興地吃完，村民覺得這個干部沒架子、親切，說話就不隔肚皮，有啥說啥。
摸清底子，還得找對路子。
李玉如在走訪中發(fā)現(xiàn)的“小窩棚”，讓他興奮得幾天睡不著。“留守老人多”“家門口掙錢”“簡單勞動技能”“貧困戶缺門路、企業(yè)缺工人”……這些想法碰撞在一起，一條“車間駐村、居家就業(yè)、群眾脫貧、集體增收”的新路變得明朗。按捺住內(nèi)心的激動，李玉如先是在6個村開展了試點，隨后，村村建設(shè)“扶貧車間”工程在全鎮(zhèn)推開，最終，這一做法推廣到了全省。
脫貧，點燃了扶貧干部的激情，他們更化身火種，點燃了貧困戶的斗志。
要想富，先修路。孫開林帶領(lǐng)祖祖輩輩困在深山的貧困群眾，要在海拔1700多米的巍巍大山里劈出一條路來。開工那天，漫天飛雪，大家拉著手爬上山頂，要在山頂把繩子拴在腰上，下到半山腰打炮眼。見沒人敢下，孫開林奪過繩子：“要苦先苦黨員，要死先死干部！”與村里另外兩名黨員帶頭，從山頂順下去，打炮眼、裝炸藥……“我也下！”“還有我！”村民們開始爭先恐后，風(fēng)雪中，堯治河村踏出了擺脫貧困的第一步。
“口袋滿不能腦袋空，否則今天富明天窮”，孫開林的這句話道出了“扶智”的重要性，這也是青海果洛藏族自治州教育局下派至尼青村的“第一書記”南賽的想法。
尼青村海拔近4000米，在這里生活的都是藏族群眾，祖祖輩輩，太陽出來趕著牛羊出去，太陽下山跟著牛羊回家。沒有人想過，除了放牧還能干啥？遠在山那邊的學(xué)校，只有土房子、黑屋子、泥孩子，改變，就從這里開始。南賽爭取到果洛州教育局項目建設(shè)資金20萬元，改善學(xué)?；A(chǔ)設(shè)施，添置教學(xué)設(shè)備。他說：“憑我一己之力，斷然斬不去貧困之根。然而，我的背后有政府的支撐、社會的扶助，只有在‘扶智’上下功夫，尼青村才能真正改變命運。”
變，越來越好
貧困戶的笑臉，是支撐他們前行的動力；和鄉(xiāng)親們在一起，難分彼此
改變，在悄然發(fā)生。
“這個事我曉得，哈哈兒給你落實。”良好的語言天賦讓梅杰很快掌握了方言要領(lǐng)，還能在各種口音之間轉(zhuǎn)換自如。整日奔波在山里，也讓這個原本白凈甜美的“萌妹子”成了略顯黝黑的“女漢子”。
王凱不僅皮膚曬黑了，身體也更壯實了，同吃同住同勞動讓他從內(nèi)到外都像是個“莊戶人”，和鄉(xiāng)親們站在一起，難分彼此。
經(jīng)歷過生死考驗的李玉如變得更加淡定從容。扶貧的腳步?jīng)]有因為病痛慢下來，“貧困戶的笑臉，是支撐我前行的動力?！?/p>
變化更大的，是鄉(xiāng)村。兩年來，董口鎮(zhèn)37個扶貧車間共吸納和輻射帶動5000多人就業(yè)，全鎮(zhèn)2112名貧困人口通過扶貧車間實現(xiàn)了增收脫貧。灤平縣人均年純收入，從2015年的2500元增長到了2016年底的4100元左右。
而開了路、通了電，挖出豐富磷礦的堯治河村從“缺糧缺錢缺老婆”的窮山溝，搖身變成了擁有村級企業(yè)22家、實現(xiàn)工農(nóng)業(yè)總產(chǎn)值38億元、人均純收入4萬元、家家住別墅的富裕村。
“絕不讓一個貧困群眾掉隊”，這是黨中央帶領(lǐng)全國人民奔小康的莊嚴(yán)承諾。對扶貧干部們來說，他們承諾：“扶貧路上，有我在！”
（綜合本報記者肖家鑫、朱佩嫻、程遠州、曹怡晴、王梅、張武軍報道）
本期統(tǒng)籌：臧春蕾
版式設(shè)計：張芳曼
《 人民日報 》（ 2018年02月09日 06 版）
來源：人民網(wǎng)－人民日報
7大規(guī)則：非科班出身設(shè)計師如何做好UI設(shè)計
UI設(shè)計是有做得好的規(guī)則存在的，即便你是“半路出家”做UI，也可以從這些前人總結(jié)的規(guī)則中，做好UI設(shè)計。
前言
今天這篇文章是來自西雅圖的獨立UI/UX設(shè)計師Erik D. Kennedy，他在用戶體驗和視覺設(shè)計方面有很豐富的經(jīng)驗。
同時他還運營了一個設(shè)計網(wǎng)站，Learn UI Design，他會在上面分享自己學(xué)習(xí)的心得，也會發(fā)布一些視頻教程。有興趣的朋友可以關(guān)注一波。
因為是英文佳作，小編能力有限，所以找了英語專業(yè)的小伙伴來幫忙，如果有發(fā)現(xiàn)什么紕漏，emmm，我們改……
在閱讀文章前，你必須要知道，這份設(shè)計指南并非適合所有的人。
那誰需要看我們這些設(shè)計指南呢？
初學(xué)設(shè)計的入門學(xué)生。希望直接可以設(shè)計美觀頁面的開發(fā)人員。希望有更好用戶體驗的用戶體驗設(shè)計師。那在這份指南中你將會獲得什么呢？
首先，我是一名沒有UI視覺技能的用戶體驗設(shè)計師。我喜歡設(shè)計用戶體驗，但是在我意識到需要去學(xué)習(xí)“如何讓界面看起來更好”之前，我花費一個項目周期90%的時間去瘋狂的學(xué)習(xí)，拼命搜索谷歌，瀏覽Pinterest和Dribbble，以便從中復(fù)制。
而以下這些規(guī)則都是那段時間我所學(xué)到的經(jīng)驗：
光來自天空黑與白第一加倍你的留白了解在圖像上疊加文本的方法使文本彈出和不彈出只使用好的字體像藝術(shù)家一樣竊取那接下來就讓我們一一展開來討論吧。
一、規(guī)則1：光來自天空
人類大腦通過陰影解析到我們正在看什么用戶界面元素。
這可能是我們理解UI設(shè)計最重要但經(jīng)常被忽略的規(guī)則。
我們都知道光來自天空，已經(jīng)習(xí)慣了光的照射方式，以至于從下面來的光會看起來更加怪異。
WoooOOOooo（國外設(shè)計師也愛恐怖片啊）
當(dāng)光線來自天空時，它照亮了物體的頂部并在它們下面投下陰影。物體的頂部較亮，底部較暗。
UI也是如此；就像面部特征中，所有底面上都有小陰影一樣，在您可以找到的幾乎每個UI元素的下側(cè)都有陰影。
我們的屏幕是平的，但是我們在設(shè)計過程中盡量讓元素看起來更立體。即使在現(xiàn)在扁平化當(dāng)?shù)赖某绷飨拢覀円材茉诤芏鄡?yōu)秀作品的細節(jié)中，看到這條規(guī)則存在的意義。
就拿按鈕來說，即使使用這個相對“扁平”的按鈕，仍然有一些與光有關(guān)的細節(jié)：
未按下的按鈕具有深色邊框；未按下的按鈕頂部比底部略亮；未按下的按鈕投射出一個微妙的陰影；按下的按鈕底部比頂部更暗，整體也呈現(xiàn)暗色調(diào)，因為我們的手遮擋略光線。
iOS 6有點過時了，但它在輕松行為方面做了很好的案例研究
這是iOS系統(tǒng)設(shè)置模塊的——“請勿打擾”和“通知”。 細節(jié)處的光效非常豐富。
插入控制面板的上唇投下一個小陰影；“ON”滑塊軌道是凹形的，底部反射更多光線；滑動滑塊，看到它們頂部周圍的明亮邊框？這代表它是垂直于光源的表面，因此接收大量光線，從而將大量光線反射到您的眼睛中；分隔器凹口被遮擋在遠離太陽的角度，反之亦然。
分割線缺口處的特寫鏡頭
在上面提到了“扁平化設(shè)計”，那具體如何解釋扁平和光效的關(guān)系呢？
在ios7開始的設(shè)計潮流中，“扁平化設(shè)計”在科技界引起轟動。
的確，它確實是平的，沒有模擬的凸起或者凹痕，只有純色的線條和形狀。
可是在不久之后，“半扁平化設(shè)計”的概念就興起，它仍然很干凈、很簡單，但是你會發(fā)現(xiàn)，在一些設(shè)計元素的細節(jié)上，都有陰影的體現(xiàn)。
OS X Yosemite— 帶有光影細節(jié)的扁平化設(shè)計
同時，谷歌推出的“Material Design”設(shè)計語言，這種統(tǒng)一的視覺語言，其核心就是尋求模擬物理世界的物品，在它的設(shè)計規(guī)范中也提到了如何使用不用的陰影來傳達不同的深度。
這就是我所看到的和我所理解的，對用戶最為友好對一種表現(xiàn)方式。它使用現(xiàn)實世界的微妙細節(jié)表現(xiàn)來傳達信息。
我想，“Flatty”就是以后UI設(shè)計的發(fā)展方向，純扁平化和擬物都已經(jīng)是過去的事情了。
二、規(guī)則2：黑與白第一
1. 在為設(shè)計做配色之前，先把畫面進行灰度設(shè)計
簡化了視覺設(shè)計中最為復(fù)雜的元素，迫使設(shè)計師專注于元素間距和頁面布局。
就像現(xiàn)在的交互設(shè)計都是“移動優(yōu)先”，這就意味著，先從更難的問題開始解決（小小移動設(shè)備屏幕上的交互），然后采用類似解決方案來解決更容易的問題（大屏幕上pc設(shè)備的交互）。
類似在視覺設(shè)計中的規(guī)則：首先設(shè)計黑色和白色。也就是我們在沒有顏色的幫助下，去使用各種方式來達到產(chǎn)品的美觀性和易用性，最后在添加顏色。
Haraldur Thorleifsson的灰度線框看起來和完成的網(wǎng)站一樣好
這也是讓產(chǎn)品看起來“干凈”和“簡單”的可靠辦法。過多的顏色往往很容易搞砸設(shè)計。而“黑與白第一”迫使你首先關(guān)注間距、尺寸和布局等內(nèi)容，這些才是簡約設(shè)計的主要關(guān)注點。
優(yōu)雅的灰度
而在某些情況下，“黑與白第一”看起來并不有用。我們在設(shè)計具有強烈特定態(tài)度的作品的時候，如“運動型”、“華麗畫面”、“卡通設(shè)計”等，這些都是需要非常好的去使用顏色來表達產(chǎn)品。
Julien Renvoye（上）和Cosmin Capitanu（下）的華麗和充滿活力的設(shè)計
2. 接下來，就是如何去添加顏色
最簡單的方案就是只使用一種顏色。
在灰度的頁面上只添加一種顏色可簡單有效的吸引眼球。
你也可以邁出一步，使用灰度+兩種顏色，或灰度+單色調(diào)的多種顏色來傳達設(shè)計思想。
如何過你還不清楚什么是色調(diào)？
來自Smashing Magazine的單色金色主題
來自Smashing Magazine的單色藍色主題
通過修改單個色調(diào)的飽和度和亮度，可以生成多種顏色，但它并不會讓人眼前一亮。
而使用來自一個或兩個基色調(diào)的多種顏色，是在保證設(shè)計不混亂的情況去，去強調(diào)和中和元素最可靠的方法。
Kerem Suer的倒數(shù)計時器
三、規(guī)則3：加倍你的留白
如果想讓你的頁面看起來是被設(shè)計過的，那就通過大量的頁面留白來增加元素之間的喘息空間。
在“規(guī)則2-黑與白第一”中，設(shè)計師在設(shè)計顏色之前就考慮間距和布局，這是一件好事。那么，現(xiàn)在就開始討論間距和布局吧。
如果你有編寫HTML的經(jīng)驗，在熟悉的HTML默認布局的頁面上，一切都被堆砌到屏幕的頂部。字體很小，線條之間沒有空間，段落之間的空間也不夠。
這些從審美的角度來說，實在太糟糕了。
還是那句話，如果想要讓頁面看起來具有設(shè)計感，那就加大頁面的喘息空間，哪怕是過大的留白也比毫無留白來的好。
如果你和我之前一樣，習(xí)慣于使用默認的格式去編輯頁面，現(xiàn)在就應(yīng)該認識到哪些壞習(xí)慣了。
我們把留白作為頁面的設(shè)計元素，所有的內(nèi)容都以空格開頭，知道有其它的元素替換它。
節(jié)奏感是設(shè)計頁面的一個重要原因。
從一個空白頁面也就開始意味著從留白開始。從一開始就想到的邊距和間距，用你所添加的元素有意識的去一個一個替換空白。
這是Piotr Kwiatkowski的音樂播放器概念
請?zhí)貏e主意左邊的菜單
菜單項之間的垂直空間是文本高度的兩倍，文本為12px字體，其字高和上下間距相同。
再看看列表標(biāo)題：
標(biāo)題“PLAYLISTS”和它下面的下劃線之間有15px的空白，這不僅僅是字體本身的字高，也就是說清單之間的留白達到了25px。
頂部導(dǎo)航欄中有更多空間。
“搜索所有音樂”文本是條形高度的20％；圖標(biāo)的比例相似。
右側(cè)邊欄顯示文本行之間的寬松間距，都是設(shè)計師有意識的去做的，并且展現(xiàn)出了很好的效果。就美學(xué)而言，這些都足以和最好的音樂UI競爭。
慷慨的留白可以使一些最混亂的界面看起來更簡潔。
Forum design concept by Matt Sisto
Wikipedia design concept by Aurélien Salomon
最后重要的事情重復(fù)一遍：
在你的線之間放置空白；在元素之間放置空白；在元素組之間放置空白；整體分析什么才是最重要的。
小結(jié)
好了，以上就是第 1 部分，感謝你們看到了這里。
接下來在第二部分中，我們會討論最后的 4 條規(guī)則：
了解在圖像上疊加文本的方法使文本彈出和不彈出只使用好的字體像藝術(shù)家一樣竊取如果你覺得這些對你有幫助，可以關(guān)注下我們第2部分的分享。
原文作者：Erik D. Kennedy
原文鏈接：https://medium/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
本文由 @設(shè)計師日記 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理 ，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
廣袤農(nóng)村大有可為
湖北日報訊 湖北日報全媒記者 陳嶼 通訊員 陳富民 鐘凱龍
4月26日，湖北文理學(xué)院基層服務(wù)點在谷城縣堰河村掛牌。這是該校在襄陽農(nóng)村設(shè)立的第21個服務(wù)點。近年來，湖北文理學(xué)院持續(xù)推動“雙百工程”，百名博士、百名教授帶隊，到廣袤農(nóng)村“有所作為”。
助旅游名村二次創(chuàng)業(yè)
中國最美休閑鄉(xiāng)村、國家3A景區(qū)、湖北省旅游名村……堰河村已久負盛名。然而近年鄉(xiāng)村旅游遍地開花，堰河村黨委書記閔洪艷明顯感到競爭壓力。
為應(yīng)對競爭，村里下了兩手棋：延伸茶產(chǎn)業(yè)鏈、深挖旅游產(chǎn)業(yè)?，F(xiàn)在有機茶賣到每公斤600元，村里開辦了26家農(nóng)家菜館，每年接待游客8萬多人。
但總感覺差點什么。
湖北文理學(xué)院專家們指出了瓶頸：茶葉雖好，但包裝粗糙；農(nóng)家樂雖火，難免成為美食街；鄉(xiāng)村游大體成形，游客卻大多一日游……“突出特色，就要發(fā)掘內(nèi)涵。村里現(xiàn)在急需的是策劃和設(shè)計！”美術(shù)學(xué)院院長蔡偉一席話讓閔洪艷豁然開朗。該校“谷城縣堰河村文創(chuàng)策劃及相關(guān)設(shè)計項目服務(wù)點”迅速掛牌。“二次創(chuàng)業(yè)要明確思路，要和原風(fēng)格渾然一體”“設(shè)計要從細微處體現(xiàn)文化，用文化元素呈現(xiàn)故事”……項目組成員尚曉明介紹，他們在新設(shè)計中，采用竹、石、木等材料；色彩以褚黃色為主，與舊時土屋顏色相似；此外，還尋訪民間工藝高手，讓設(shè)計更接地氣。
今年9月底，堰河村新的民俗街將竣工，一個嶄新的美麗鄉(xiāng)村將呈現(xiàn)在游客面前。
沉寂的古村落即將新生
5月3日，張平樂教授推開南漳縣板橋鎮(zhèn)馮家灣村一處古居的大門，一個精致院落展現(xiàn)眼前：正門、中門、側(cè)門，中心對稱；三進天井院落依山而建，錯落有致；隔扇、漏窗多為浮雕、透雕，圖案精美……“板橋古民居構(gòu)架立體對稱，設(shè)計獨特，雕花精致，充分展示了戶牖之美。”張平樂激動地說。
5年前，一次學(xué)術(shù)調(diào)研中，湖北文理學(xué)院建筑學(xué)教授張平樂邂逅馮家灣村古民居,為其古樸典雅而驚嘆。但當(dāng)時，大多數(shù)民居都有不同程度損毀。如馮哲夫故居第一進房屋木結(jié)構(gòu)已整體傾側(cè)，隨時可能倒塌。
通過考證，張平樂得知當(dāng)?shù)孛窬佑腥陌倌甑臍v史?！斑@么好的村落，一定要保護起來。”湖北文理學(xué)院黨委書記唐峻介紹，2015年，張平樂和她的團隊幫助馮家灣村申報列入第四批中國傳統(tǒng)村落名錄，獲得300萬元的專項保護建設(shè)資金。
通過建立“古村之友”網(wǎng)絡(luò)平臺，張平樂和師生們還發(fā)起專項眾籌，截至目前項目已籌得資金77099元。
高山上種“名特優(yōu)”幫農(nóng)戶增收
?？悼h合作村平均海拔1500多米，山高地少、交通閉塞，過去，村民們主要種植煙葉和玉米，競爭力不強，收入沒保障。
高山上就種不好莊稼嗎？文理學(xué)院的專家們偏要和老天斗一斗。副教授李玉奇申報了高山蔬菜種植標(biāo)準(zhǔn)項目，獲得國家專項基金立項，駐村工作隊為當(dāng)?shù)匾M名貴中藥材“滇重樓”。
雖有好品種和好技術(shù)，村民并不太熱衷。一番溝通后，扶貧師生得知：村民經(jīng)濟困難，怕錢投進去沒回報。
學(xué)校又送來“幫扶紅包”。蔬菜種植戶郭平澤介紹，現(xiàn)在學(xué)校出錢租他的地，他按專家的要求來種，“收成是我的，我只要把種子給其他貧困戶就可以。”
在專家的推動下，合作村已有20多個貧困戶種植了近百畝滇重樓、川牛膝等中藥材，“按現(xiàn)在行情，一畝地到時可收入幾萬塊。”種植戶魏開宏樂呵呵地說。
版權(quán)聲明：圖片來源于網(wǎng)絡(luò)，圖文無關(guān)。如涉及版權(quán)問題，請作者持權(quán)屬證明與本網(wǎng)聯(lián)系
來源：湖北日報
換種方法做豬肉，又香又好吃，做好端上桌，最先被光盤
豬肉作為餐桌上重要的動物性食品之一，含有豐富的蛋白質(zhì)及脂肪、碳水化合物、鈣、鐵、磷等營養(yǎng)成分 ，豬肉是日常生活的主要副食品，具有補虛強身，滋陰潤燥、豐肌澤膚的作用。教你換種方法做豬肉，又香又好吃，下酒當(dāng)零食都不錯，解饞味道好，做好端上桌，非常受歡迎，最先被光盤，你也學(xué)會它做給家人吃
【自制牙簽肉】 材料：豬肉300克、油、鹽適量、孜然粉1茶匙、辣椒粉1/2湯匙、芝麻1湯匙、蠔油1湯匙、醬油1湯匙、胡椒粉1茶匙、淀粉1湯匙、白糖1茶匙 做法：
1.準(zhǔn)備好所需材料
2.先將豬肉切成條，再將豬肉切成丁
3.將肉丁放在盤內(nèi)，加入蠔油、胡椒粉、孜然粉、少許鹽、料酒、醬油，白糖抓勻，腌制10分鐘，在加入淀粉抓勻，把肉丁穿在牙簽上，每個牙簽穿2-3塊肉丁，其余依樣穿好
4.鍋加油加熱至6成熱，將肉串逐個下入炸制，如果油量少，分兩次炸，將肉串炸制金黃，撈出控油
5.將鍋內(nèi)油倒出，加入辣椒粉、芝麻，放入炸好的牙簽肉，翻炒均勻，盛出裝盤即可
烹飪技巧： 1.肉也可以選用羊肉、牛肉、雞肉都可以，做法一樣 2.肉要腌制才能更好入味 3.肉串不要炸制時間過長，炸時間長肉串口感不嫩，發(fā)硬
來源：搜狐
鄉(xiāng)親冷暖在心間(新春走基層·特別策劃①)
圖②：王凱（右一）正在向村民、貧困戶宣傳扶貧政策。
圖③：孫開林（右一）在介紹扶貧經(jīng)驗。
圖⑤：楊遠帆（左一）為貧困學(xué)生送去學(xué)習(xí)用品。
圖⑥：南賽在村委會研究扶貧工作。
資料照片
編者的話
“又有1000多萬農(nóng)村貧困人口實現(xiàn)脫貧”——習(xí)近平總書記在2018年新年賀詞中回顧了2017年脫貧成果。在這份沉甸甸的成果背后，有一個個扶貧干部的辛勤付出——
是他們，寒冬酷暑，訪遍窮溝溝山窩窩，給貧困戶帶去溫暖和希望；是他們，白天黑夜，奔波不停思考不止，為農(nóng)民增收致富想路子。黨的十八大以來，全國累計選派駐村干部277.8萬人，構(gòu)成了脫貧攻堅戰(zhàn)場上的主力軍。初出茅廬的大學(xué)生村官，來自城市的機關(guān)干部，來自各個行業(yè)、各個崗位的第一書記，共同為消除貧困而努力著。
新春佳節(jié)將至，記者走訪了幾位脫貧一線的干部，聆聽他們的故事，品嘗他們的甘苦，也一起感受貧困村的變化和鄉(xiāng)親們的喜悅。
臨近春節(jié)，冬日的農(nóng)村，一片靜謐。河北省灤平縣路南營村姚會計家里，歡聲笑語沖出屋頂，打破了鄉(xiāng)村的寧靜。
“孫志國，你擠啥？當(dāng)年不是不舍得流轉(zhuǎn)土地嗎，年年領(lǐng)分紅你倒是積極！”“楊書記，來年還有啥好政策？”村民們你一言我一語，說著這一年的收獲，嘮著這一年的脫貧事。第一書記楊遠帆一絲不茍地檢查村民入股證、核對人數(shù)、蓋章續(xù)約，心里盤算著“一地生四金”之外還有什么增收模式。
冬日的重慶，陰冷潮濕。重慶開州區(qū)雙坪村駐村工作隊干部梅杰，深一腳淺一腳地走在雨后的山路上，他要去貧困戶徐明唐家探訪。
還有河南省魯山縣瓦屋鎮(zhèn)土橋村第一書記王凱、山東省鄄城縣董口鎮(zhèn)黨委書記李玉如、湖北?？悼h堯治河村黨委書記孫開林、青海果洛藏族自治州教育局下派至尼青村的“第一書記”南賽……他們，在春節(jié)即將到來之時，依然在為困難群眾奔波。
走，到農(nóng)村去
認識農(nóng)村，了解貧窮，打敗貧窮；想在全面建成小康社會的偉大進程中，有自己的貢獻
貧窮，是什么樣子？
出生在農(nóng)村的梅杰曾經(jīng)以為自己知道。然而臨近畢業(yè)時，一場大病，不僅帶走了母親，還幾乎掏空了整個家。學(xué)校的資助、鄉(xiāng)親的幫扶，讓梅杰覺得，這個世界的溫暖并不曾偷偷溜走。英語早就過了“專八”，留在大城市并不難，畢業(yè)時梅杰卻報考了老家重慶市開州區(qū)的大學(xué)生村官，鐵了心一頭扎進大山。做一名扶貧干部，也許未必稱得上是懷揣了多么宏大的理想，但對于梅杰而言，是一份溫暖的傳遞：“就是想幫助像我母親這樣的人、像我們家這樣的家庭，不讓‘病倒一人，拖垮全家’的悲劇重演。”
貧窮，到底有多可怕？
自幼生活在上海的楊遠帆曾經(jīng)覺得陌生，直到踏入一戶貧困家庭：房屋只有外墻是完好的，房梁歪歪斜斜、勉強支撐著屋頂?shù)闹亓?，臥室窗戶上沒有一塊完整的玻璃。幾乎沒有經(jīng)濟來源的母女四人就住在這樣的房子里。
從此，認識農(nóng)村，了解貧窮，打敗貧窮，成為了楊遠帆腦海中揮之不去的念想。當(dāng)掛職扶貧干部的選拔通知出來之后，他毫不猶豫報了名，作別新婚妻子，來到河北省灤平縣路南營村當(dāng)起了第一書記?！跋袷峭蝗挥辛塑浝撸窒袷峭蝗挥辛随z甲。”貧窮擊中了他心中最柔軟的地方，也激起了與之抗?fàn)幍膹姶蠖分尽５睫r(nóng)村去，到貧窮的地方去，拔出窮根！
脫貧攻堅，是個沒有硝煙的戰(zhàn)場，也是片可以大干一場的廣闊天地。據(jù)統(tǒng)計，目前，全國共選派19.5萬名優(yōu)秀干部到貧困村和基層黨組織軟弱渙散村擔(dān)任第一書記。
“在歷史的洪流中，個人是渺小的。然而成為一名扶貧干部，就好比在偉大的中國夢實踐中，有我的一點努力；在全面建成小康社會的偉大進程中，有我的一點貢獻。”河南省魯山縣瓦屋鎮(zhèn)土橋村第一書記王凱如是說。
走，到農(nóng)村去！
黨的十八大以來，全國累計選派駐村干部277.8萬人，越來越多有能力、有激情、有愛心、有想法的人，投身扶貧攻堅的主戰(zhàn)場，成為“5+2”“白+黑”的扶貧干部，以夢為馬，不負韶華。
慌，咬牙堅持
扶貧工作千頭萬緒，汗沒少流，罪沒少受，有時鄉(xiāng)親們卻不理解，但還是要挺住
真正做起扶貧工作，梅杰卻慌了。
雖然英語過了專八，卻講不了農(nóng)村話；雖然裝了一腦袋知識，卻在實際工作中不知如何使用。
年輕人恐慌，中年人也慌。
山東省鄄城縣董口鎮(zhèn)黨委書記李玉如，沒想到自己的“中年危機”來得這樣兇猛。40歲這年，先是檢查出脫髓鞘性脊髓炎，已致偏癱；住院期間又檢查出更為兇險的動脈夾層破裂癥，醫(yī)院下達了病危通知書。此時的李玉如，上有年邁多病的父母，下有未成年的女兒；此時的董口鎮(zhèn)，土壤瘠薄，靠天吃飯，8796名貧困人口，一多半是60歲以上的老年人。家里鎮(zhèn)里，他都是頂梁柱，要是倒下了，這么多人怎么辦？
扶貧干部們感受到的，除了慌，還有涼。
輪胎跑壞了4條，減震器換了2個，王凱開著自己的車跑遍河南，終于確定了土橋村精準(zhǔn)脫貧的發(fā)展項目，還拉來了“娘家人”海關(guān)總署的投資。項目眼看就能上馬，村民反應(yīng)卻很冷淡，有人說：“這海關(guān)投資建的大棚算誰的？賠了怎么辦？還不如把錢分給大家呢。”一盆冷水澆下來，透心涼。
湖北?？悼h堯治河村黨委書記孫開林忙著動員村民們集資入股，修水庫建電站，抬頭卻看到了村民編的順口溜：“孫開林當(dāng)個支書磨死人，今天修公路，明天搞股份，一年四季不消停，把我們搞得吭吭聲?！贝笞謱懺趬ι希樕匣鹄崩?，心底冰冰涼。汗沒少流，罪沒少受，有時鄉(xiāng)親們卻不理解，說不委屈，那是假的。
委屈的也不只是扶貧干部自己，更虧欠的，是家人。一個人生活，一個人籌備婚禮，一個人跑去醫(yī)院產(chǎn)檢……楊遠帆的愛人丹丹已經(jīng)習(xí)慣了一個人生活，自己照顧自己。歉疚太多，也錯過了太多，楊遠帆甚至覺得對自己剛剛出生的孩子有些“陌生”：“說實話，這兩年的精力全都用在村里的工作上了?！毙α诵Γ謬@口氣，一米八幾的大個子眼圈紅了。
燃，傾力幫扶
激情點燃了脫貧斗志；口袋滿不能腦袋空，否則今天富明天窮
收起恐慌，咽下委屈，既然選擇了扶貧，就要干出成績！
精準(zhǔn)扶貧，第一步是精準(zhǔn)識別。作為外來的干部，怎么融入老鄉(xiāng)中間，聽心聲，識真貧？
對王凱來說，就是先當(dāng)村民，再當(dāng)村官，不把自己當(dāng)外人。走村入戶，不管條件多艱苦，端起碗就吃，接過饃就啃，即便難以下咽，也高高興興地吃完，村民覺得這個干部沒架子、親切，說話就不隔肚皮，有啥說啥。
摸清底子，還得找對路子。
李玉如在走訪中發(fā)現(xiàn)的“小窩棚”，讓他興奮得幾天睡不著?！傲羰乩先硕唷薄凹议T口掙錢”“簡單勞動技能”“貧困戶缺門路、企業(yè)缺工人”……這些想法碰撞在一起，一條“車間駐村、居家就業(yè)、群眾脫貧、集體增收”的新路變得明朗。按捺住內(nèi)心的激動，李玉如先是在6個村開展了試點，隨后，村村建設(shè)“扶貧車間”工程在全鎮(zhèn)推開，最終，這一做法推廣到了全省。
脫貧，點燃了扶貧干部的激情，他們更化身火種，點燃了貧困戶的斗志。
要想富，先修路。孫開林帶領(lǐng)祖祖輩輩困在深山的貧困群眾，要在海拔1700多米的巍巍大山里劈出一條路來。開工那天，漫天飛雪，大家拉著手爬上山頂，要在山頂把繩子拴在腰上，下到半山腰打炮眼。見沒人敢下，孫開林奪過繩子：“要苦先苦黨員，要死先死干部！”與村里另外兩名黨員帶頭，從山頂順下去，打炮眼、裝炸藥……“我也下！”“還有我！”村民們開始爭先恐后，風(fēng)雪中，堯治河村踏出了擺脫貧困的第一步。
“口袋滿不能腦袋空，否則今天富明天窮”，孫開林的這句話道出了“扶智”的重要性，這也是青海果洛藏族自治州教育局下派至尼青村的“第一書記”南賽的想法。
尼青村海拔近4000米，在這里生活的都是藏族群眾，祖祖輩輩，太陽出來趕著牛羊出去，太陽下山跟著牛羊回家。沒有人想過，除了放牧還能干啥？遠在山那邊的學(xué)校，只有土房子、黑屋子、泥孩子，改變，就從這里開始。南賽爭取到果洛州教育局項目建設(shè)資金20萬元，改善學(xué)?；A(chǔ)設(shè)施，添置教學(xué)設(shè)備。他說：“憑我一己之力，斷然斬不去貧困之根。然而，我的背后有政府的支撐、社會的扶助，只有在‘扶智’上下功夫，尼青村才能真正改變命運。”
變，越來越好
貧困戶的笑臉，是支撐他們前行的動力；和鄉(xiāng)親們在一起，難分彼此
改變，在悄然發(fā)生。
“這個事我曉得，哈哈兒給你落實?！绷己玫恼Z言天賦讓梅杰很快掌握了方言要領(lǐng)，還能在各種口音之間轉(zhuǎn)換自如。整日奔波在山里，也讓這個原本白凈甜美的“萌妹子”成了略顯黝黑的“女漢子”。
王凱不僅皮膚曬黑了，身體也更壯實了，同吃同住同勞動讓他從內(nèi)到外都像是個“莊戶人”，和鄉(xiāng)親們站在一起，難分彼此。
經(jīng)歷過生死考驗的李玉如變得更加淡定從容。扶貧的腳步?jīng)]有因為病痛慢下來，“貧困戶的笑臉，是支撐我前行的動力。”
變化更大的，是鄉(xiāng)村。兩年來，董口鎮(zhèn)37個扶貧車間共吸納和輻射帶動5000多人就業(yè)，全鎮(zhèn)2112名貧困人口通過扶貧車間實現(xiàn)了增收脫貧。灤平縣人均年純收入，從2015年的2500元增長到了2016年底的4100元左右。
而開了路、通了電，挖出豐富磷礦的堯治河村從“缺糧缺錢缺老婆”的窮山溝，搖身變成了擁有村級企業(yè)22家、實現(xiàn)工農(nóng)業(yè)總產(chǎn)值38億元、人均純收入4萬元、家家住別墅的富裕村。
“絕不讓一個貧困群眾掉隊”，這是黨中央帶領(lǐng)全國人民奔小康的莊嚴(yán)承諾。對扶貧干部們來說，他們承諾：“扶貧路上，有我在！”
（綜合本報記者肖家鑫、朱佩嫻、程遠州、曹怡晴、王梅、張武軍報道）
本期統(tǒng)籌：臧春蕾
版式設(shè)計：張芳曼
《 人民日報 》（ 2018年02月09日 06 版）
來源：人民網(wǎng)－人民日報
7大規(guī)則：非科班出身設(shè)計師如何做好UI設(shè)計
UI設(shè)計是有做得好的規(guī)則存在的，即便你是“半路出家”做UI，也可以從這些前人總結(jié)的規(guī)則中，做好UI設(shè)計。
前言
今天這篇文章是來自西雅圖的獨立UI/UX設(shè)計師Erik D. Kennedy，他在用戶體驗和視覺設(shè)計方面有很豐富的經(jīng)驗。
同時他還運營了一個設(shè)計網(wǎng)站，Learn UI Design，他會在上面分享自己學(xué)習(xí)的心得，也會發(fā)布一些視頻教程。有興趣的朋友可以關(guān)注一波。
因為是英文佳作，小編能力有限，所以找了英語專業(yè)的小伙伴來幫忙，如果有發(fā)現(xiàn)什么紕漏，emmm，我們改……
在閱讀文章前，你必須要知道，這份設(shè)計指南并非適合所有的人。
那誰需要看我們這些設(shè)計指南呢？
初學(xué)設(shè)計的入門學(xué)生。希望直接可以設(shè)計美觀頁面的開發(fā)人員。希望有更好用戶體驗的用戶體驗設(shè)計師。那在這份指南中你將會獲得什么呢？
首先，我是一名沒有UI視覺技能的用戶體驗設(shè)計師。我喜歡設(shè)計用戶體驗，但是在我意識到需要去學(xué)習(xí)“如何讓界面看起來更好”之前，我花費一個項目周期90%的時間去瘋狂的學(xué)習(xí)，拼命搜索谷歌，瀏覽Pinterest和Dribbble，以便從中復(fù)制。
而以下這些規(guī)則都是那段時間我所學(xué)到的經(jīng)驗：
光來自天空黑與白第一加倍你的留白了解在圖像上疊加文本的方法使文本彈出和不彈出只使用好的字體像藝術(shù)家一樣竊取那接下來就讓我們一一展開來討論吧。
一、規(guī)則1：光來自天空
人類大腦通過陰影解析到我們正在看什么用戶界面元素。
這可能是我們理解UI設(shè)計最重要但經(jīng)常被忽略的規(guī)則。
我們都知道光來自天空，已經(jīng)習(xí)慣了光的照射方式，以至于從下面來的光會看起來更加怪異。
WoooOOOooo（國外設(shè)計師也愛恐怖片啊）
當(dāng)光線來自天空時，它照亮了物體的頂部并在它們下面投下陰影。物體的頂部較亮，底部較暗。
UI也是如此；就像面部特征中，所有底面上都有小陰影一樣，在您可以找到的幾乎每個UI元素的下側(cè)都有陰影。
我們的屏幕是平的，但是我們在設(shè)計過程中盡量讓元素看起來更立體。即使在現(xiàn)在扁平化當(dāng)?shù)赖某绷飨?，我們也能在很多?yōu)秀作品的細節(jié)中，看到這條規(guī)則存在的意義。
就拿按鈕來說，即使使用這個相對“扁平”的按鈕，仍然有一些與光有關(guān)的細節(jié)：
未按下的按鈕具有深色邊框；未按下的按鈕頂部比底部略亮；未按下的按鈕投射出一個微妙的陰影；按下的按鈕底部比頂部更暗，整體也呈現(xiàn)暗色調(diào)，因為我們的手遮擋略光線。
iOS 6有點過時了，但它在輕松行為方面做了很好的案例研究
這是iOS系統(tǒng)設(shè)置模塊的——“請勿打擾”和“通知”。 細節(jié)處的光效非常豐富。
插入控制面板的上唇投下一個小陰影；“ON”滑塊軌道是凹形的，底部反射更多光線；滑動滑塊，看到它們頂部周圍的明亮邊框？這代表它是垂直于光源的表面，因此接收大量光線，從而將大量光線反射到您的眼睛中；分隔器凹口被遮擋在遠離太陽的角度，反之亦然。
分割線缺口處的特寫鏡頭
在上面提到了“扁平化設(shè)計”，那具體如何解釋扁平和光效的關(guān)系呢？
在ios7開始的設(shè)計潮流中，“扁平化設(shè)計”在科技界引起轟動。
的確，它確實是平的，沒有模擬的凸起或者凹痕，只有純色的線條和形狀。
可是在不久之后，“半扁平化設(shè)計”的概念就興起，它仍然很干凈、很簡單，但是你會發(fā)現(xiàn)，在一些設(shè)計元素的細節(jié)上，都有陰影的體現(xiàn)。
OS X Yosemite— 帶有光影細節(jié)的扁平化設(shè)計
同時，谷歌推出的“Material Design”設(shè)計語言，這種統(tǒng)一的視覺語言，其核心就是尋求模擬物理世界的物品，在它的設(shè)計規(guī)范中也提到了如何使用不用的陰影來傳達不同的深度。
這就是我所看到的和我所理解的，對用戶最為友好對一種表現(xiàn)方式。它使用現(xiàn)實世界的微妙細節(jié)表現(xiàn)來傳達信息。
我想，“Flatty”就是以后UI設(shè)計的發(fā)展方向，純扁平化和擬物都已經(jīng)是過去的事情了。
二、規(guī)則2：黑與白第一
1. 在為設(shè)計做配色之前，先把畫面進行灰度設(shè)計
簡化了視覺設(shè)計中最為復(fù)雜的元素，迫使設(shè)計師專注于元素間距和頁面布局。
就像現(xiàn)在的交互設(shè)計都是“移動優(yōu)先”，這就意味著，先從更難的問題開始解決（小小移動設(shè)備屏幕上的交互），然后采用類似解決方案來解決更容易的問題（大屏幕上pc設(shè)備的交互）。
類似在視覺設(shè)計中的規(guī)則：首先設(shè)計黑色和白色。也就是我們在沒有顏色的幫助下，去使用各種方式來達到產(chǎn)品的美觀性和易用性，最后在添加顏色。
Haraldur Thorleifsson的灰度線框看起來和完成的網(wǎng)站一樣好
這也是讓產(chǎn)品看起來“干凈”和“簡單”的可靠辦法。過多的顏色往往很容易搞砸設(shè)計。而“黑與白第一”迫使你首先關(guān)注間距、尺寸和布局等內(nèi)容，這些才是簡約設(shè)計的主要關(guān)注點。
優(yōu)雅的灰度
而在某些情況下，“黑與白第一”看起來并不有用。我們在設(shè)計具有強烈特定態(tài)度的作品的時候，如“運動型”、“華麗畫面”、“卡通設(shè)計”等，這些都是需要非常好的去使用顏色來表達產(chǎn)品。
Julien Renvoye（上）和Cosmin Capitanu（下）的華麗和充滿活力的設(shè)計
2. 接下來，就是如何去添加顏色
最簡單的方案就是只使用一種顏色。
在灰度的頁面上只添加一種顏色可簡單有效的吸引眼球。
你也可以邁出一步，使用灰度+兩種顏色，或灰度+單色調(diào)的多種顏色來傳達設(shè)計思想。
如何過你還不清楚什么是色調(diào)？
來自Smashing Magazine的單色金色主題
來自Smashing Magazine的單色藍色主題
通過修改單個色調(diào)的飽和度和亮度，可以生成多種顏色，但它并不會讓人眼前一亮。
而使用來自一個或兩個基色調(diào)的多種顏色，是在保證設(shè)計不混亂的情況去，去強調(diào)和中和元素最可靠的方法。
Kerem Suer的倒數(shù)計時器
三、規(guī)則3：加倍你的留白
如果想讓你的頁面看起來是被設(shè)計過的，那就通過大量的頁面留白來增加元素之間的喘息空間。
在“規(guī)則2-黑與白第一”中，設(shè)計師在設(shè)計顏色之前就考慮間距和布局，這是一件好事。那么，現(xiàn)在就開始討論間距和布局吧。
如果你有編寫HTML的經(jīng)驗，在熟悉的HTML默認布局的頁面上，一切都被堆砌到屏幕的頂部。字體很小，線條之間沒有空間，段落之間的空間也不夠。
這些從審美的角度來說，實在太糟糕了。
還是那句話，如果想要讓頁面看起來具有設(shè)計感，那就加大頁面的喘息空間，哪怕是過大的留白也比毫無留白來的好。
如果你和我之前一樣，習(xí)慣于使用默認的格式去編輯頁面，現(xiàn)在就應(yīng)該認識到哪些壞習(xí)慣了。
我們把留白作為頁面的設(shè)計元素，所有的內(nèi)容都以空格開頭，知道有其它的元素替換它。
節(jié)奏感是設(shè)計頁面的一個重要原因。
從一個空白頁面也就開始意味著從留白開始。從一開始就想到的邊距和間距，用你所添加的元素有意識的去一個一個替換空白。
這是Piotr Kwiatkowski的音樂播放器概念
請?zhí)貏e主意左邊的菜單
菜單項之間的垂直空間是文本高度的兩倍，文本為12px字體，其字高和上下間距相同。
再看看列表標(biāo)題：
標(biāo)題“PLAYLISTS”和它下面的下劃線之間有15px的空白，這不僅僅是字體本身的字高，也就是說清單之間的留白達到了25px。
頂部導(dǎo)航欄中有更多空間。
“搜索所有音樂”文本是條形高度的20％；圖標(biāo)的比例相似。
右側(cè)邊欄顯示文本行之間的寬松間距，都是設(shè)計師有意識的去做的，并且展現(xiàn)出了很好的效果。就美學(xué)而言，這些都足以和最好的音樂UI競爭。
慷慨的留白可以使一些最混亂的界面看起來更簡潔。
Forum design concept by Matt Sisto
Wikipedia design concept by Aurélien Salomon
最后重要的事情重復(fù)一遍：
在你的線之間放置空白；在元素之間放置空白；在元素組之間放置空白；整體分析什么才是最重要的。
小結(jié)
好了，以上就是第 1 部分，感謝你們看到了這里。
接下來在第二部分中，我們會討論最后的 4 條規(guī)則：
了解在圖像上疊加文本的方法使文本彈出和不彈出只使用好的字體像藝術(shù)家一樣竊取如果你覺得這些對你有幫助，可以關(guān)注下我們第2部分的分享。
原文作者：Erik D. Kennedy
原文鏈接：https://medium/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
本文由 @設(shè)計師日記 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理 ，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
廣袤農(nóng)村大有可為
湖北日報訊 湖北日報全媒記者 陳嶼 通訊員 陳富民 鐘凱龍
4月26日，湖北文理學(xué)院基層服務(wù)點在谷城縣堰河村掛牌。這是該校在襄陽農(nóng)村設(shè)立的第21個服務(wù)點。近年來，湖北文理學(xué)院持續(xù)推動“雙百工程”，百名博士、百名教授帶隊，到廣袤農(nóng)村“有所作為”。
助旅游名村二次創(chuàng)業(yè)
中國最美休閑鄉(xiāng)村、國家3A景區(qū)、湖北省旅游名村……堰河村已久負盛名。然而近年鄉(xiāng)村旅游遍地開花，堰河村黨委書記閔洪艷明顯感到競爭壓力。
為應(yīng)對競爭，村里下了兩手棋：延伸茶產(chǎn)業(yè)鏈、深挖旅游產(chǎn)業(yè)?，F(xiàn)在有機茶賣到每公斤600元，村里開辦了26家農(nóng)家菜館，每年接待游客8萬多人。
但總感覺差點什么。
湖北文理學(xué)院專家們指出了瓶頸：茶葉雖好，但包裝粗糙；農(nóng)家樂雖火，難免成為美食街；鄉(xiāng)村游大體成形，游客卻大多一日游……“突出特色，就要發(fā)掘內(nèi)涵。村里現(xiàn)在急需的是策劃和設(shè)計！”美術(shù)學(xué)院院長蔡偉一席話讓閔洪艷豁然開朗。該?！肮瘸强h堰河村文創(chuàng)策劃及相關(guān)設(shè)計項目服務(wù)點”迅速掛牌。“二次創(chuàng)業(yè)要明確思路，要和原風(fēng)格渾然一體”“設(shè)計要從細微處體現(xiàn)文化，用文化元素呈現(xiàn)故事”……項目組成員尚曉明介紹，他們在新設(shè)計中，采用竹、石、木等材料；色彩以褚黃色為主，與舊時土屋顏色相似；此外，還尋訪民間工藝高手，讓設(shè)計更接地氣。
今年9月底，堰河村新的民俗街將竣工，一個嶄新的美麗鄉(xiāng)村將呈現(xiàn)在游客面前。
沉寂的古村落即將新生
5月3日，張平樂教授推開南漳縣板橋鎮(zhèn)馮家灣村一處古居的大門，一個精致院落展現(xiàn)眼前：正門、中門、側(cè)門，中心對稱；三進天井院落依山而建，錯落有致；隔扇、漏窗多為浮雕、透雕，圖案精美……“板橋古民居構(gòu)架立體對稱，設(shè)計獨特，雕花精致，充分展示了戶牖之美。”張平樂激動地說。
5年前，一次學(xué)術(shù)調(diào)研中，湖北文理學(xué)院建筑學(xué)教授張平樂邂逅馮家灣村古民居,為其古樸典雅而驚嘆。但當(dāng)時，大多數(shù)民居都有不同程度損毀。如馮哲夫故居第一進房屋木結(jié)構(gòu)已整體傾側(cè)，隨時可能倒塌。
通過考證，張平樂得知當(dāng)?shù)孛窬佑腥陌倌甑臍v史?！斑@么好的村落，一定要保護起來。”湖北文理學(xué)院黨委書記唐峻介紹，2015年，張平樂和她的團隊幫助馮家灣村申報列入第四批中國傳統(tǒng)村落名錄，獲得300萬元的專項保護建設(shè)資金。
通過建立“古村之友”網(wǎng)絡(luò)平臺，張平樂和師生們還發(fā)起專項眾籌，截至目前項目已籌得資金77099元。
高山上種“名特優(yōu)”幫農(nóng)戶增收
?？悼h合作村平均海拔1500多米，山高地少、交通閉塞，過去，村民們主要種植煙葉和玉米，競爭力不強，收入沒保障。
高山上就種不好莊稼嗎？文理學(xué)院的專家們偏要和老天斗一斗。副教授李玉奇申報了高山蔬菜種植標(biāo)準(zhǔn)項目，獲得國家專項基金立項，駐村工作隊為當(dāng)?shù)匾M名貴中藥材“滇重樓”。
雖有好品種和好技術(shù)，村民并不太熱衷。一番溝通后，扶貧師生得知：村民經(jīng)濟困難，怕錢投進去沒回報。
學(xué)校又送來“幫扶紅包”。蔬菜種植戶郭平澤介紹，現(xiàn)在學(xué)校出錢租他的地，他按專家的要求來種，“收成是我的，我只要把種子給其他貧困戶就可以。”
在專家的推動下，合作村已有20多個貧困戶種植了近百畝滇重樓、川牛膝等中藥材，“按現(xiàn)在行情，一畝地到時可收入幾萬塊。”種植戶魏開宏樂呵呵地說。
版權(quán)聲明：圖片來源于網(wǎng)絡(luò)，圖文無關(guān)。如涉及版權(quán)問題，請作者持權(quán)屬證明與本網(wǎng)聯(lián)系
來源：湖北日報
7大規(guī)則：非科班出身設(shè)計師如何做好UI設(shè)計
UI設(shè)計是有做得好的規(guī)則存在的，即便你是“半路出家”做UI，也可以從這些前人總結(jié)的規(guī)則中，做好UI設(shè)計。
前言
今天這篇文章是來自西雅圖的獨立UI/UX設(shè)計師Erik D. Kennedy，他在用戶體驗和視覺設(shè)計方面有很豐富的經(jīng)驗。
同時他還運營了一個設(shè)計網(wǎng)站，Learn UI Design，他會在上面分享自己學(xué)習(xí)的心得，也會發(fā)布一些視頻教程。有興趣的朋友可以關(guān)注一波。
因為是英文佳作，小編能力有限，所以找了英語專業(yè)的小伙伴來幫忙，如果有發(fā)現(xiàn)什么紕漏，emmm，我們改……
在閱讀文章前，你必須要知道，這份設(shè)計指南并非適合所有的人。
那誰需要看我們這些設(shè)計指南呢？
初學(xué)設(shè)計的入門學(xué)生。希望直接可以設(shè)計美觀頁面的開發(fā)人員。希望有更好用戶體驗的用戶體驗設(shè)計師。那在這份指南中你將會獲得什么呢？
首先，我是一名沒有UI視覺技能的用戶體驗設(shè)計師。我喜歡設(shè)計用戶體驗，但是在我意識到需要去學(xué)習(xí)“如何讓界面看起來更好”之前，我花費一個項目周期90%的時間去瘋狂的學(xué)習(xí)，拼命搜索谷歌，瀏覽Pinterest和Dribbble，以便從中復(fù)制。
而以下這些規(guī)則都是那段時間我所學(xué)到的經(jīng)驗：
光來自天空黑與白第一加倍你的留白了解在圖像上疊加文本的方法使文本彈出和不彈出只使用好的字體像藝術(shù)家一樣竊取那接下來就讓我們一一展開來討論吧。
一、規(guī)則1：光來自天空
人類大腦通過陰影解析到我們正在看什么用戶界面元素。
這可能是我們理解UI設(shè)計最重要但經(jīng)常被忽略的規(guī)則。
我們都知道光來自天空，已經(jīng)習(xí)慣了光的照射方式，以至于從下面來的光會看起來更加怪異。
WoooOOOooo（國外設(shè)計師也愛恐怖片?。?/p>
當(dāng)光線來自天空時，它照亮了物體的頂部并在它們下面投下陰影。物體的頂部較亮，底部較暗。
UI也是如此；就像面部特征中，所有底面上都有小陰影一樣，在您可以找到的幾乎每個UI元素的下側(cè)都有陰影。
我們的屏幕是平的，但是我們在設(shè)計過程中盡量讓元素看起來更立體。即使在現(xiàn)在扁平化當(dāng)?shù)赖某绷飨拢覀円材茉诤芏鄡?yōu)秀作品的細節(jié)中，看到這條規(guī)則存在的意義。
就拿按鈕來說，即使使用這個相對“扁平”的按鈕，仍然有一些與光有關(guān)的細節(jié)：
未按下的按鈕具有深色邊框；未按下的按鈕頂部比底部略亮；未按下的按鈕投射出一個微妙的陰影；按下的按鈕底部比頂部更暗，整體也呈現(xiàn)暗色調(diào)，因為我們的手遮擋略光線。
iOS 6有點過時了，但它在輕松行為方面做了很好的案例研究
這是iOS系統(tǒng)設(shè)置模塊的——“請勿打擾”和“通知”。 細節(jié)處的光效非常豐富。
插入控制面板的上唇投下一個小陰影；“ON”滑塊軌道是凹形的，底部反射更多光線；滑動滑塊，看到它們頂部周圍的明亮邊框？這代表它是垂直于光源的表面，因此接收大量光線，從而將大量光線反射到您的眼睛中；分隔器凹口被遮擋在遠離太陽的角度，反之亦然。
分割線缺口處的特寫鏡頭
在上面提到了“扁平化設(shè)計”，那具體如何解釋扁平和光效的關(guān)系呢？
在ios7開始的設(shè)計潮流中，“扁平化設(shè)計”在科技界引起轟動。
的確，它確實是平的，沒有模擬的凸起或者凹痕，只有純色的線條和形狀。
可是在不久之后，“半扁平化設(shè)計”的概念就興起，它仍然很干凈、很簡單，但是你會發(fā)現(xiàn)，在一些設(shè)計元素的細節(jié)上，都有陰影的體現(xiàn)。
OS X Yosemite— 帶有光影細節(jié)的扁平化設(shè)計
同時，谷歌推出的“Material Design”設(shè)計語言，這種統(tǒng)一的視覺語言，其核心就是尋求模擬物理世界的物品，在它的設(shè)計規(guī)范中也提到了如何使用不用的陰影來傳達不同的深度。
這就是我所看到的和我所理解的，對用戶最為友好對一種表現(xiàn)方式。它使用現(xiàn)實世界的微妙細節(jié)表現(xiàn)來傳達信息。
我想，“Flatty”就是以后UI設(shè)計的發(fā)展方向，純扁平化和擬物都已經(jīng)是過去的事情了。
二、規(guī)則2：黑與白第一
1. 在為設(shè)計做配色之前，先把畫面進行灰度設(shè)計
簡化了視覺設(shè)計中最為復(fù)雜的元素，迫使設(shè)計師專注于元素間距和頁面布局。
就像現(xiàn)在的交互設(shè)計都是“移動優(yōu)先”，這就意味著，先從更難的問題開始解決（小小移動設(shè)備屏幕上的交互），然后采用類似解決方案來解決更容易的問題（大屏幕上pc設(shè)備的交互）。
類似在視覺設(shè)計中的規(guī)則：首先設(shè)計黑色和白色。也就是我們在沒有顏色的幫助下，去使用各種方式來達到產(chǎn)品的美觀性和易用性，最后在添加顏色。
Haraldur Thorleifsson的灰度線框看起來和完成的網(wǎng)站一樣好
這也是讓產(chǎn)品看起來“干凈”和“簡單”的可靠辦法。過多的顏色往往很容易搞砸設(shè)計。而“黑與白第一”迫使你首先關(guān)注間距、尺寸和布局等內(nèi)容，這些才是簡約設(shè)計的主要關(guān)注點。
優(yōu)雅的灰度
而在某些情況下，“黑與白第一”看起來并不有用。我們在設(shè)計具有強烈特定態(tài)度的作品的時候，如“運動型”、“華麗畫面”、“卡通設(shè)計”等，這些都是需要非常好的去使用顏色來表達產(chǎn)品。
Julien Renvoye（上）和Cosmin Capitanu（下）的華麗和充滿活力的設(shè)計
2. 接下來，就是如何去添加顏色
最簡單的方案就是只使用一種顏色。
在灰度的頁面上只添加一種顏色可簡單有效的吸引眼球。
你也可以邁出一步，使用灰度+兩種顏色，或灰度+單色調(diào)的多種顏色來傳達設(shè)計思想。
如何過你還不清楚什么是色調(diào)？
來自Smashing Magazine的單色金色主題
來自Smashing Magazine的單色藍色主題
通過修改單個色調(diào)的飽和度和亮度，可以生成多種顏色，但它并不會讓人眼前一亮。
而使用來自一個或兩個基色調(diào)的多種顏色，是在保證設(shè)計不混亂的情況去，去強調(diào)和中和元素最可靠的方法。
Kerem Suer的倒數(shù)計時器
三、規(guī)則3：加倍你的留白
如果想讓你的頁面看起來是被設(shè)計過的，那就通過大量的頁面留白來增加元素之間的喘息空間。
在“規(guī)則2-黑與白第一”中，設(shè)計師在設(shè)計顏色之前就考慮間距和布局，這是一件好事。那么，現(xiàn)在就開始討論間距和布局吧。
如果你有編寫HTML的經(jīng)驗，在熟悉的HTML默認布局的頁面上，一切都被堆砌到屏幕的頂部。字體很小，線條之間沒有空間，段落之間的空間也不夠。
這些從審美的角度來說，實在太糟糕了。
還是那句話，如果想要讓頁面看起來具有設(shè)計感，那就加大頁面的喘息空間，哪怕是過大的留白也比毫無留白來的好。
如果你和我之前一樣，習(xí)慣于使用默認的格式去編輯頁面，現(xiàn)在就應(yīng)該認識到哪些壞習(xí)慣了。
我們把留白作為頁面的設(shè)計元素，所有的內(nèi)容都以空格開頭，知道有其它的元素替換它。
節(jié)奏感是設(shè)計頁面的一個重要原因。
從一個空白頁面也就開始意味著從留白開始。從一開始就想到的邊距和間距，用你所添加的元素有意識的去一個一個替換空白。
這是Piotr Kwiatkowski的音樂播放器概念
請?zhí)貏e主意左邊的菜單
菜單項之間的垂直空間是文本高度的兩倍，文本為12px字體，其字高和上下間距相同。
再看看列表標(biāo)題：
標(biāo)題“PLAYLISTS”和它下面的下劃線之間有15px的空白，這不僅僅是字體本身的字高，也就是說清單之間的留白達到了25px。
頂部導(dǎo)航欄中有更多空間。
“搜索所有音樂”文本是條形高度的20％；圖標(biāo)的比例相似。
右側(cè)邊欄顯示文本行之間的寬松間距，都是設(shè)計師有意識的去做的，并且展現(xiàn)出了很好的效果。就美學(xué)而言，這些都足以和最好的音樂UI競爭。
慷慨的留白可以使一些最混亂的界面看起來更簡潔。
Forum design concept by Matt Sisto
Wikipedia design concept by Aurélien Salomon
最后重要的事情重復(fù)一遍：
在你的線之間放置空白；在元素之間放置空白；在元素組之間放置空白；整體分析什么才是最重要的。
小結(jié)
好了，以上就是第 1 部分，感謝你們看到了這里。
接下來在第二部分中，我們會討論最后的 4 條規(guī)則：
了解在圖像上疊加文本的方法使文本彈出和不彈出只使用好的字體像藝術(shù)家一樣竊取如果你覺得這些對你有幫助，可以關(guān)注下我們第2部分的分享。
原文作者：Erik D. Kennedy
原文鏈接：https://medium/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
本文由 @設(shè)計師日記 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理 ，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議。
本頁內(nèi)容為企業(yè)、個人自主上傳或來源網(wǎng)絡(luò)，所有資料僅供用戶參考；我單位不對其版權(quán)負責(zé)、不保證亦不表示本網(wǎng)的資料全面及準(zhǔn)確無誤，也不保證亦不表示這些資料為最新信息，如因任何原因，本網(wǎng)內(nèi)容或者用戶因倚賴本網(wǎng)內(nèi)容造成任何損失或損害，我單位將不會負任何法律責(zé)任。
