推文
760 tweets · 188 sources账号:全部mattpocockukdair_aisimonwbchernyadocompletetrq212dexhorthyyetonefelixrieseberg0xblacklightdani_avila7zarazhangruiAlchainHustbadlogicgamesdoteypetergyangvikingmuteryancarsonClaudeDevskunchenguidleon7haoctatedeviamzhihuikieranklaassenmckaywrigleylennysanthdxrRhysSullivangarrytanjakevin7johnlindquistkarpathyservasyy_aitheo0xMovez9hillsRLanceMartinaidenybaidingyihylarucodermitchellhmitsuhikomvanhornomarsar0steipetezeegGeminiAppGergelyOroszZaynHaoaddyosmaniantirezdanshipperdillon_mulroyelonmuskewind_devidoubiccnummanalirealWeZZardswyxthsottiauxyiliush0xPaulius0x_rodyAYi_AInotesAnthropicAIBarret_ChinaBenJames_____CMGS1988ChadMoranDanielMiesslerDaveJDavidKPianoDimillianFactoryAIFardeemMFarzaTVGoogleDeepMindHamelHusainHiTw93HilaShmuelIfanJewIndieDevHaileyJack_W_LindseyJackywineJasonZXJiaxi_CuiJinjingLiangKhalidWarsaLinearUncleLinghuaJMatthewBermanMaxForAIMeari_V2_0_GMnilaxQingQ77RaillyHugoSaccc_cTaniyatweets_VincentLogicai_explorer25aibuilderclub_alexalbert__alliekmillerandrewfarahantoinecojpanxue201arkuy99artmanasynkimobbssppllvvbearliubentossellbridgemindaibuaaxhmcailynyongyongcgtwtscharmaine_kleechrisbarberchrisparkXclairevodelba_oliveirademishassabisdoodlesteindriaforallelithrarelvissunericzakariassonfrancoisfleuretgabriell_labiamsahaj_xyzimdigitalashishimvihvjarredsumnerjerryjliu0jianshuojiayuan_jyjlongsterjonas_nellejoshalbrechtjpschroederkaiofreitaskepanolexruslogancyangmattypnabeelnifinetninthbit_aioran_gepatrickcpejmanjohnpetradonkaprathamgrvprathyvshquanruzhuoxiuquant_sheepraroquerealCaigurepsiacerohanpaul_aisamasamuelstroscheisawyerhoodshadcnshao__mengshaogefenhaoshreyansjtechgirl1908techwith_ramthorstenballtianyitobiaswuptoddsaunderstricaltturingoututuretomuniswap12untraceable_thevanillaCitronvelvet_sharkwengtianxinwquguruxiaogaifunxicilionycombinatorzachlloydtweetsziwenxu_zodchiii
@gabriell_lab·5月29日For You
Since Opus 4.8 is out and more and more designers are getting into Design Engineering, I thought I’d share some of the interaction patterns I use most often:
Use proximity, not just hover. When the cursor gets close, nearby elements can subtly scale and darken based on distance.
It makes interfaces feel more responsive, less binary, and way more alive
onpointermove = e =>
document.querySelectorAll(".dock>*").forEach(el => {
const r = el.getBoundingClientRect();
const t = Math.max(0, 1 - Math.abs(e.clientX - r.x - r.width/2) / 120);
el. style.scale = 1 + t * .5;
});
Opus 4.8 发布了，越来越多的设计师开始进入 Design Engineering 领域，我来分享一些我最常用的交互模式： **用接近度，而不仅仅是 hover。** 当光标靠近时，周边元素可以根据距离微妙地缩放和变暗。 这让界面感觉更有响应感、更少「非此即彼」，也更有生命力。 ```js onpointermove = e => document.querySelectorAll(".dock>*").forEach(el => { const r = el.getBoundingClientRect(); const t = Math.max(0, 1 - Math.abs(e.clientX - r.x - r.width/2) / 120); el.style.scale = 1 + t * .5; }); ```
760 tweets · 188 sources