Weekly Look 05锛歋ketch鍙堣鏀惰喘Figma浜嗭紵

Posted 2021-04-26 Lookapp

鏈懆鍐呭绠€浠嬶細Little Big Details鏂洿涓€骞村悗锛屾倓鐒舵洿鏂帮紱webflow锛氬揩閫熸惌寤虹綉绔欙紝璁╄璁″笀鎷ユ湁鍙鍖栫紪杈戠綉椤电殑鑳藉姏锛汼ketch鍙堣鏀惰喘Figma浜嗭紵锛汯eys锛氱鐞哠ketch蹇嵎閿€?/span>

鍡紒鍚勪綅锝烉煒?/span>

鐜板湪鏄噷鏅?鐐癸紝涓轰簡涓嶈鏌愪簺绔ラ瀷璇存垜鍙堝瘜濂镐簡锛屾垜鍐冲畾璧屾皵缁洿銆?/span>

璇村疄璇濇渶杩戝伐浣滅湡鐨勬槸寰堢疮锛屾瘡澶╁埌瀹堕兘鏄?1锛?2鐐癸紝鎵€浠ワ紝澶у澶氬鍖呮兜锝?/span>

Little Big Details 鎮勭劧鍥炲綊

Little Big Details杩欎釜缃戠珯鏄垜涓汉闈炲父鍠滄鐨勭綉绔欙紝涓撻棬鏀堕泦閭ｇ浼氳浣燱ooooooo~鑸皷鍙殑璁捐缁嗚妭銆?/span>

馃憜鍙埍鐨勫皬鎵嬫寚

姣斿浠栦滑鎺ㄨ崘杩囷細

Slack涓悳绱㈣〃鎯咃紝濡傛灉娌℃湁鐩稿叧琛ㄦ儏鐨勮瘽锛屼細鍑虹幇涓€涓摥鑴竐moji璁╀綘閫夋嫨锛?/span>

鍐嶆瘮濡傦細Airbnb涓紝浣犲悓鏃跺拰澶氫釜鎴夸笢鑱婂ぉ锛屽鍒朵綘鏈€鍚庝竴鏉℃秷鎭紝褰撲綘鍜屼笅涓€浣嶆埧涓滆亰澶╂椂锛屾埧涓滅殑鍚嶅瓧浼氶粯璁ゆ浛鎹㈡垚鏂扮殑鎴夸笢鍚嶅瓧锛?/span>

鎬讳箣杩欎簺灏忕粏鑺傦紝濡傛灉浣犵涓€娆¤繘鍏ヨ繖涓綉绔欙紝鍙互涓瘨涓€鑸竴鐩寸湅涓嬪幓銆?/span>

涓嶈繃锛岃繖涓ゅぉ鎴戞棤鎰忓湪鎺ㄧ壒涓婂彂鐜颁簡涓€涓彨鍋歀ittle UI Detail鐨凪oments锛岄噷闈㈡敹闆嗕簡濂藉鍗佸垎绮捐嚧鐨刄I缁嗚妭锛屽拰LittleBigDetails涓嶅悓鐨勬槸锛岃繖涓亸鍚戜簬瑙嗚灞傞潰锛屾瘮濡傦細

icon鍜屾枃瀛楄壊褰╃殑瀵规瘮璋冩暣

鐪嬩簡鍑犳潯鍚庯紝褰撴椂鎴戜笉绂佸氨鎯宠捣浜哃ittle Big Details锛屾姳鐫€缂呮€€鐨勫績鎬侀『鎵嬫墦寮€鐪嬩簡涓€涓嬶紝娌℃兂鍒帮紒

灞呯劧浠庝笂涓湀璧峰張寮€濮嬫洿鏂颁簡锛?/span>

涓婇潰鏄粖骞达紝涓嬮潰鍘诲勾锛屾暣鏁撮棿闅斾竴鍛ㄥ勾銆?/span>

娌″暐濂借鐨勶紝缁х画杩借捣鏉ュ惂锝烉煈?/span>

鐩稿叧閾炬帴鍦ㄨ鏂囩珷鏈€鍚庢煡鐪嬨€?/span>

Webflow锛氬揩閫熷彲瑙嗗寲寤虹珯

蹇€熷缓绔欑殑宸ュ叿鍗冨崈涓囷紝鍒板簳鍝釜鎵嶆槸鍚堥€傜殑锛?/span>

鏈€绠€鍗曠殑渚嬪娣樺疂缃戝簵鐨勬惌寤哄伐鍏凤紝鍏跺疄涔熸槸涓€涓畝鍗曠殑寤虹珯杩囩▼銆?/span>

浣嗘槸锛屽叾宸姴鐨勪綋楠岋紝鍜屾湁浜涙垜浠璁″笀鏍规湰鏃犳硶鐞嗚В鐨勫姛鑳斤紝灏变笉杩囧闃愯堪浜嗐€?/span>

鑰學ebflow杩欎釜宸ュ叿锛屾垜涓嶈兘璇翠粬涔熺畝鍗曪紝浣嗚嚦灏戞瘮鎴戠敤杩囩殑寰堝寤虹珯宸ュ叿锛屼笉绠℃槸鍙鍖栫▼搴︼紝杩樻槸涓婃墜鐨勭悊瑙ｉ毦搴︼紝閮借绠€鍗曞緢澶氾細

姝ｅ浠嬬粛鐨勯偅鏍凤紝webflow灏辨槸璁╄璁″拰浠ｇ爜鍚屾椂杩涜銆?/span>

瀹為檯浣撻獙浜嗕笅锛氬悇绉嶆搷浣滆繕姣旇緝鏂逛究鐞嗚В锛屽鏋滅啛鎮塻ketch鐨刲ayout鍔熻兘鐨勮瘽锛屼笂鎵嬫垚鏈簲璇ヤ笉楂樸€傛渶楹荤儲鐨勫彲鑳芥槸鑻辨枃甯︾粰澶у鐨勯檶鐢熸劅锛岃繖鎵嶆槸璁╁ぇ瀹舵渶鐣忔儳鐨勪笢瑗裤€傚厠鏈嶄簡杩欎竴鐐癸紝鎰熻灏辨槸涓€涓敤PS寰堢啛鎮夌殑浜哄幓鐢╯ketch鐨勬劅瑙夛紝骞朵笉闅俱€?/span>

鎺ㄨ崘澶у鍘讳綋楠屼笅锝?/span>

鐩稿叧閾炬帴鍦ㄨ鏂囩珷鏈€鍚庢煡鐪嬨€?/span>

Sketch鍙堣鏀惰喘Figma浜嗭紵

涓婃鍒氳窡澶у璇磋繃Adobe瑕佹敹璐璖ketch鐨勪紶闂伙紝杩欐鍙堟湁鏂囩珷璇碨ketch瑕佹敹璐璅igma?

涓嶈繃浣滆€呰繕鏄垎鏋愮殑寰堟湁閬撶悊鐨勶紝瀵笰dobe瀹舵潵璇达紝浠栦滑鍦ㄥ悇涓璁￠鍩熼兘鏈夊悇鍙稿叾鑱岀殑宸ュ叿锛岀敋鑷崇幇鍦ㄦ湁浜哫D杩欐牱鐨勫師鍨嬪伐鍏凤紝璁捐鐨勫悓鏃惰兘蹇€熸惌寤哄師鍨嬶紝Sketch鍦ㄨ繖涓€姝ヤ竴鐩翠緷璧栦緥濡俰nVision杩欐牱鐨勫钩鍙般€?/span>

鑰孎igma鎭板ソ灏卞儚鏄竴涓簯绔増鏈殑Sketch锛屽姞涓婁袱鑰呯殑鎿嶄綔鏂瑰紡鍙婂叾鐩镐技锛孎igma姝ｅソ琛ヨ冻浜哠ketch浜戠鍗忎綔鐨勮蒋鑲嬶紝杩欎箞鍚捣鏉ワ紝杩樼湡鏈夐偅涔堢偣鎰忔€濄€?/span>

涓嶈繃瀵逛簬鏈潚骞存潵璇达紝鏃╂棩鑳藉湪iPad涓婄敤涓奡ketch锛岀湡鐨勬槸涓€浠跺崄鍒嗘湡寰呯殑浜嬫儏锝?/span>

鐩稿叧閾炬帴鍦ㄨ鏂囩珷鏈€鍚庢煡鐪嬨€?/span>

鏈懆鎻掍欢Keys For Sketch锛氳交鏉剧鐞嗕綘鐨凷ketch蹇嵎閿?/span>

澶櫄浜嗭紝鐪肩潧鏈夌偣鐫佷笉寮€浜嗭紝鏀惧紶鍥剧墖锛屽ぇ瀹惰嚜宸辨劅鍙椾笅锛屾垜瑙夊緱閮戒笉鐢ㄦ垜澶氳浠€涔堜簡锛岃繖涓彃浠剁殑缇庡灏藉湪涓嶈█涓細

浠庡墠锛屾垜浠缃畇ketch蹇嵎閿紝瑕佸湪绯荤粺鐨勫亸濂借缃噷锛岀幇鍦紝鎴戜滑缁堜簬鍙互鍍廝S閭ｆ牱蹇€熻缃揩鎹烽敭浜嗐€?/span>

鐩稿叧閾炬帴鍦ㄨ鏂囩珷鏈€鍚庢煡鐪嬨€?/span>

鏈€鍚庯紝灞曟湜涓€涓嬪嵆灏嗗埌鏉ョ殑鑻规灉鍙戝竷浼氬惂

鏄庡ぉ鐨勮繖涓椂鍊欙紙鐪嬩簡涓€涓嬭〃锛屽噷鏅?鐐桂煒凤級锛屽彂甯冧細宸笉澶氫篃缁撴潫浜嗭紝鑻规灉浼氬彂甯冧粈涔堬紝涔熷凡缁忓墽閫忕殑宸笉澶氫簡銆?/span>

涓嶈繃瀵规垜鏉ヨ锛屾垜杩樻槸寰堟湡寰呰繖鍦哄彂甯冧細鐨勶紝鑻规灉濡備綍鑷俊鍒扮敤闈㈤儴璇嗗埆鍙栦唬鎸囩汗璇嗗埆锛堝父骞存墜鎸囪劚鐨偅鑰呭姝よ〃绀轰竴涓囦釜璧烇級锛屼互鍙婂彇娑堜簡Home閿箣鍚庢柊鐨勪氦浜掓柟寮忥紝鏇濆嚭鐨勪氦浜掓墜鍔夸篃涓嶇璁╂垜鎯宠捣浜嗗綋骞寸殑WebOS銆?/span>

鏄庡ぉ鍑屾櫒锛岀浉绾teve Jobs Theater銆?/span>

鐩稿叧閾炬帴锛?/span>

Little Big Details锛?/span>

http://littlebigdetails.com/

Little UI Detail锛?/span>

https://twitter.com/i/moments/880688233641848832

Webflow锛氬揩閫熸惌寤虹綉绔欙細

https://webflow.com/

Sketch鏀惰喘Figma鐨勬枃绔犻摼鎺ワ細

https://blog.prototypr.io/why-sketch-will-buy-figma-454d76137771

Keys For Sketch涓嬭浇閾炬帴锛?/span>

https://github.com/exevil/Keys-For-Sketch

浠ヤ笂灏辨槸鏈懆鐨勬墍鏈夊唴瀹癸紝鎰熻阿浣犵殑闃呰锛屾湰鏂囩敱 鐜嬮潚骞?鐗堟潈鎵€鏈夛紝杞浇鏃惰娉ㄦ槑鍑哄锛岃繚鑰呭繀绌讹紝璋㈣阿浣犵殑鍚堜綔銆?/span>

娆㈣繋澶у璇勮锛屾湁浠€涔堟剰瑙佸埆鎲嬬潃锛岃锛侌煈?/span>

---

銆?span class="mq-215">Weekly Look銆嶆槸銆?span class="mq-216">Look App銆嶄笅鐨勪竴妗ｅ懆鍒婃爮鐩紝涓轰綘鎻愪緵姣忓懆浜掕仈缃戣璁″湀鍐呭彂鐢熺殑鏂伴矞璁捐璧勮锛岀儹闂ㄨ璁¤祫婧愶紝浼樼鐨勮璁′互鍙婃湁瓒ｇ殑璧勬簮銆?/span>