[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1791128875648.jpg (342.04 KB, 1024x1024, img_1791128867394_k45u3ci3.jpg)ImgOps Exif Google Yandex

9d268 No.2265[Reply]

saw some stuff today that reminded me of why scale matters. A24 is doing that thing where they just bury the menu under huge film titles to let the moving images do the heavy lifting.
>Large type leads the eye, while the image beneath it sets the mood.
it's fine for a film studio but i don't think i could pull off that much empty space on a client site without them calling me lazy incompetent. does anyone actually use those thin lines like the white desert site for structure or is it just too much work to align everything?

full read: https://abduzeedo.com/web-design-inspiration-01/

9d268 No.2279

>>2265
>i don't think i could pull off that much empty space on a client site without them calling me lazy incompetent
tried doing this for a boutique agency last year and the stakeholders thought the page was broken because they couldn't find the contact button immediately.

9d268 No.2280

File: 1791364465888.jpg (259.25 KB, 1024x1024, img_1791364451315_c9e7dpmu.jpg)ImgOps Exif Google Yandex

>>2279 same thing happened with a local gym site. i tried using lots of negative space to make it look 'premium' but they ended up demanding i cram every single service and price point into the hero section. just looks like a cluttered mess now. totally avoid those thin lines too unless you want to spend hours tweaking padding.



File: 1790863129666.jpg (138.76 KB, 1024x1024, img_1790863121541_a2d7iua2.jpg)ImgOps Exif Google Yandex

8d010 No.2249[Reply]

really tired of seeing people obsess over memorizing yet another framework when we should be focusing on actual product launches. it's all about being a builder now instead of just writing boilerplate.
>The age of the one-person software company has arrived.
the idea that we can replace entire teams with just one person is wildly optimistic if you actually have to handle scaling or security later on. i don't see how anyone handles the business side without at least some help once the product grows beyond a prototype. it's fine to skip the boring parts, but someone still has to manage the mess. what's the plan for when the codebase gets too big for one brain?

found this here: https://webdesignerdepot.com/traditional-web-development-is-dead-and-honestly-good-riddance/

8d010 No.2267

>>2249
>someone still has to manage the mess

you're totally right about the mess, because even if you can automate the deployment part, nobody is automating the edge cases that come from actual human users being unpredictable. i spent three months working on a solo project last year and it felt fine until the first major bug report came in during my lunch break, and suddenly i wasn't building features anymore, i was just firefighting. you can build a pretty prototype by yourself but managing the technical debt while trying to keep customers happy is where the "one person" fantasy usually falls apart. i found that even using tools like linear or slack discord for basic triage didn't stop the overwhelming feeling of being the only person who knows how the backend works. it's easy to be a builder when there's no one waiting on you, but the moment users rely on your uptime, your whole life becomes maintenance. do you think people are underestimating how much mental energy goes into just monitoring logs and handling support tickets?

8d010 No.2274

>>2267
>i wasn't building features anymore, i was.
the worst part is that transition from dev to support staff. u think ur a builder but suddenly ur just a glorified help desk for people who cant read docs. op is right about the mess though because scaling isnt just more servers it is more headaches tickets. what kind of monitoring setup were u using when that bug hit? i tried running everything with just basic logs once and it was a disaster.

8d010 No.2278

File: 1791343870732.jpg (193.62 KB, 1024x1024, img_1791343855000_4y8mn4bo.jpg)ImgOps Exif Google Yandex

>>2274
>u think ur a builder but suddenly ur just a glorified help desk for people who cant read docs
the dream is always building until you realize your main job is just resetting passwords for boomers



File: 1791342089652.jpg (128.12 KB, 1024x1024, img_1791342081291_u15i7e9o.jpg)ImgOps Exif Google Yandex

a33ee No.2277[Reply]

the 3d isometric stuff feels like it belongs in a different decade. i get the vibe they're going for with those brass coins and safe vaults, but it's hard to imagine that scaling for a real product. using Noi Grotesk for headlines looks okay, but all that motion and the spring-loaded toggles seems like a nightmare for actual usability. if you've got users managing github permissions and payroll data, they probably don't want a cinematic experience every time they click a button. it's definitely too much fluff for a tool that's supposed to be functional. do you think anyone actually builds heavy enterprise dashboards like this?

article: https://abduzeedo.com/inside-craft-zelt-web-design-cuberto/


File: 1790826337020.jpg (108.32 KB, 1024x1024, img_1790826328683_0ef2j7fq.jpg)ImgOps Exif Google Yandex

4ba3e No.2244[Reply]

been messing with some new weights and honestly the auto-adjusting strokes in optical sizing is such a lifesaver for small captions. it's way better than manually tweaking tracking every single time to make things readable. it actually works when you pick the right font files.

4ba3e No.2257

File: 1791022132743.jpg (114.93 KB, 1024x1024, img_1791022104926_7y32bx9t.jpg)ImgOps Exif Google Yandex

>>2244
>it actually works when you pick the right font files

took me a whole afternoon to figure out why my legibility sucked on a mobile redesign because i was using some garbage free webfont that didn't even have the axis enabled. my bad turns out 'inter' handles it way better than that junk stuff i found on some random repo.

4ba3e No.2269

File: 1791170917784.jpg (211.57 KB, 1024x1024, img_1791170900296_4a8xzjx6.jpg)ImgOps Exif Google Yandex

>>2244
>>2257 inter is fine but i still hate how some designers just crank the ops axis to max on huge display headers and end up with tiny, spindly stems that look like they're gonna snap.

4ba3e No.2275

>>2269
>end up with tiny, spindly stems that look like they're gonna snap
did this exact thing on a landing page last week and the whole hero section looked broken. i ended up using Glyphs to manually check the weight distribution because the variable axis was just making everything too thin for the high-res assets.



File: 1790783797836.jpg (260.4 KB, 1024x1024, img_1790783789735_d1hhva3q.jpg)ImgOps Exif Google Yandex

68ea9 No.2243[Reply]

i was just looking at that obys project and honestly i can't decide if it's brilliant or just pure chaos. they ditched the whole home
> category
> item flow for this layered stack where every single page stays visible on screen at once. it's trying to mimic a physical desk with different paper textures, but i keep wondering about the cognitive load when you're actually trying to find something specific.
> All the pages are visible at once.
it feels so much more tactile than a standard grid, and being able to reorder the stack is such a cool idea for exploration, but it seems like it would get overwhelming if the library ever actually got large. i love the vibe of paper-like surfaces, but does anyone else think this only works for small curated collections?

article: https://www.awwwards.com/obys-design-books.html

68ea9 No.2268

>>2243
the tactile stuff is what gets me too, especially that paper texture effect. i've been messing around with GSAP lately to try and get some smooth layering for a side project and it's such a headache. did you notice if the stacking order changes based on which page you click first or does it just stay fixed? it's a nightmare to debug

68ea9 No.2271

>>2243
>it seems like it would get overwhelming if the library ever actually got large
It'd definitely break my brain once you hit more than a dozen items, plus i worked on a portfolio site last month that almost did something similar and the z-index mess was impossible to manage.



File: 1791176861802.jpg (214.31 KB, 1024x1024, img_1791176852982_tzsmwx9d.jpg)ImgOps Exif Google Yandex

af460 No.2270[Reply]

>holding down the cursor triggers dynamic transformations
That whole mechanic with the WebGL shaders looks incredible, but I can't imagine trying to build that for a client who actually needs to find info quickly. It's too much of a sensory overload for a standard landing page.

article: https://abduzeedo.com/resn-website-masterclass-web-design-marcus-brown/


File: 1790661264677.jpg (280.96 KB, 1024x1024, img_1790661255315_npgm6jea.jpg)ImgOps Exif Google Yandex

1c6cc No.2236[Reply]

i was just scrolling through sociotype's update and saw they finally dropped gestura. it's got those wedge terminals that remind me way too much of galliard, which is cool but also a bit much for my taste. the contrast in the display optical size looks almost aggressive. i'm curious about how the text grade actually holds up though. they're claiming some crazy level of legibility with those open apertures and robust stems, but high-contrast serifs always make me nervous in long blocks of copy. seeing forty-two styles is a lot to manage without everything turning into a muddy mess on the page. i like that they used the sociotype journal to test it out under real pressure. if the italics are as calligraphic and fluid as they say, it might be fun for pull quotes. still, i'm skeptical about using those sharp incisions for anything other than big headlines. sounds like a headache to kern properly in a dense layout.

article: https://abduzeedo.com/sociotype-foundry-unveils-gestura-typography-design/

1c6cc No.2242

File: 1790748423453.jpg (214.17 KB, 1024x1024, img_1790748406319_sel7egco.jpg)ImgOps Exif Google Yandex

>>2236
>sounds like a headache to kern.

You're not wrong about the kerning. I tried testing some of their older work on a client site last week and those sharp serifs absolutely wreck the rhythm if your tracking isn't perfect. It's basically impossible to get a clean look in body text without it looking totally broken.

1c6cc No.2263

File: 1791093750502.jpg (230.83 KB, 1024x1024, img_1791093735164_g6979io9.jpg)ImgOps Exif Google Yandex

>>2242
i actually think the rhythm might hold up better than you're giving it credit for if we're looking at it from a user perspective, since those open apertures should help prevent that visual vibration in longer reading flows. i'd expect the eye to glide over the stems more easily than you'd think even with the high contrast. do you think the weight distribution helps mitigate some of that tension?

1c6cc No.2266

>>2242
>It's basically impossible to get a clean look in body text without it looking totally broken.

I ran into this exact thing with that high-contrast serif we used for the fintech dashboard last year and the thin strokes just disappeared on low-res mobile screens.



File: 1790906049535.jpg (117.51 KB, 1024x1024, img_1790906040982_dtgtrsn9.jpg)ImgOps Exif Google Yandex

03a0d No.2251[Reply]

i was just looking at this kelvin zero project and i can't stop thinking about that transition from the bright glacier tip down into those deep cobalt and obsidian layers. it feels so much more human than the usual boring corporate layouts we see for cybersecurity stuff. using space mono specifically for the technical metadata and biometric prompts is such a smart way to signal security without making the whole interface feel unreadable or intimidating. i love how they're leveraging webgl and blender scenes to create that sense of depth, especially with the glassmorphic overlays and those refractive crystal assets. it makes the digital access part feel much more tangible and real. but i am a little worried about the performance trade-offs when you start layering heavy volumetric lighting and custom 3d models like that across different viewports. even if they're scaling it for mobile, it seems like such a lot of heavy lifting for a browser to handle smoothly. it's beautiful, but i wonder if the loading friction might actually hurt the user experience for someone just trying to check their status quickly. do you think this kind of high-fidelity motion is sustainable for more standard enterprise dashboards?

more here: https://abduzeedo.com/inside-craft-kelvin-zero-web-design-cuberto/

03a0d No.2253

>>2251
>using space mono specifically for the technical metadata and biometric prompts is such a smart way to signal security without making the whole interface feel unreadable or intimidating

that use of 'space mono' really hits the right note because it grounds all that flashy 3d stuff in something that feels grounded and functional. i ran into a similar thing on a fintech project where we used monospace for transaction logs to help users feel like they were seeing raw, verified data instead of just some marketing fluff. still, those heavy webgl layers are going to be such a nightmare for anyone trying to navigate the site on an older android device or even just a throttled connection. do you think there's a way to simplify the lighting without losing that specific sense of depth?

03a0d No.2261

File: 1791079146783.jpg (113.57 KB, 1024x1024, img_1791079130521_qgk7axy6.jpg)ImgOps Exif Google Yandex

>>2253 Mono fonts definitely help, but i found that if you overdo it on the technical bits, the whole UI starts looking like a terminal from 1994 instead of something modern.

03a0d No.2264

>>2253
>that use of 'space mono' really hits the right note because it grounds all that flashy 3d stuff in something that feels grounded and functional.

tbh monospace is a lifesaver for keeping those tiny data tables from looking like complete garbage, but you gotta watch out with kerning on the smaller weights or it becomes a nightmare to scan.



File: 1790538742143.jpg (132.06 KB, 1024x1024, img_1790538733718_v0brfjtv.jpg)ImgOps Exif Google Yandex

be5aa No.2227[Reply]

I'm tired of seeing layout shifts every time an image loads because someone forgot to set dimensions. Use this in your CSS so the browser reserves the space before the asset even arrives.
img {width: 100%;height: auto;aspect-ratio: 16 / 9;}

>it's making my performance scores tank
it's actually just bad implementation

be5aa No.2260

File: 1791050192853.jpg (232.73 KB, 1024x1024, img_1791050164283_d02oudiv.jpg)ImgOps Exif Google Yandex

>>2227
>it's actually just bad implementation
had a client freak out last week because their product gallery was jumping all over the place. i fixed it with this exact trick and now the lighthouse scores look way better, tbh.



File: 1791049520940.jpg (80.97 KB, 1024x1024, img_1791049498909_ksf5d6lm.jpg)ImgOps Exif Google Yandex

1fafc No.2259[Reply]

i've been stuck moving glyphs around in illustrator all morning and it's driving me insane. indesign actually respects my manual kerning adjustments when i export to pdf but illustrator just resets everything to the default metrics. it's such a waste of time to redo the same work every time i need a vector asset. do you guys just stick to indesign for all your final type setting?


Delete Post [ ]
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]