TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

NoDesign.dev – Tools and resources for non-artistic developers

762 点作者 uvic将近 5 年前

34 条评论

gdubs将近 5 年前
If I could give one piece of advice for technical developers it’s that design isn’t all about the way it looks, it’s about the way it works.<p>To expand on that, it’s how the pieces fit together within your set of constraints. There’s a LOT in common with what makes code beautiful or not. You get to the essential; nothing more, nothing less. This doesn’t mean “minimalist” , per se — just be wary of ornamentation that doesn’t add value.<p>A design can be award-winning without much “flash”. A readable font. A thoughtful, consistent, grid, that gives the content some air. Color choices based on accessibility, constrained to a palette that has some meaning for the project, etc.<p>Don’t be afraid to learn about design! Look to resources like IDEO, who take a principled approach to design that’s not superficial. Think about the field of Architecture, where engineering and aesthetics have been combined for centuries — and where the same concerns of “essential” vs “ornamental” remain an active area of debate to this day.
评论 #23457394 未加载
评论 #23458219 未加载
评论 #23457688 未加载
评论 #23458547 未加载
评论 #23457768 未加载
评论 #23459062 未加载
评论 #23458819 未加载
评论 #23458019 未加载
评论 #23457807 未加载
nick-garfield将近 5 年前
I&#x27;ve got to recommend refactoringui.com.<p>They sell a (rather expensive) book on web&#x2F;mobile app design that explains how to build your design system and use it to create great looking apps. They cover all the bases you would expect like fonts, line-heights, colors, shadows, borders, sizing, working with images, visual hierarchy, using white space, etc. etc.<p>I&#x27;m a developer by trade and I work primarily with one other developer, so we end up doing all of our design work. This book really helped us step up our game and gave us some very simple tactics to use to improve our designs. Imho, it was well worth the price.<p><a href="https:&#x2F;&#x2F;refactoringui.com" rel="nofollow">https:&#x2F;&#x2F;refactoringui.com</a>
评论 #23457257 未加载
评论 #23458617 未加载
评论 #23461881 未加载
评论 #23465071 未加载
评论 #23460131 未加载
评论 #23458035 未加载
onion2k将近 5 年前
Alternatively, just work with a designer. There are thousands of them out there who want to build tech stuff but don&#x27;t have the skills. They want developers to collaborate with. Reach out to some on social media and you might be surprised how receptive they are.<p>You don&#x27;t have to do everything on your own, and you definitely shouldn&#x27;t compromise on design if you want your project to succeed.
评论 #23456528 未加载
评论 #23456190 未加载
评论 #23456524 未加载
评论 #23458741 未加载
评论 #23456994 未加载
评论 #23455998 未加载
评论 #23457822 未加载
评论 #23457232 未加载
uvic将近 5 年前
Hi guys, Nodesign.dev is a collection of tools and resources for developers who want to make their site look &quot;respectable&quot; without using any design tools...It includes everything from favicon generator , illustrations to CSS frameworks.
评论 #23455599 未加载
评论 #23457254 未加载
评论 #23456090 未加载
winkeltripel将近 5 年前
As a heads up, the site loads with a horrible amount of pop-in. I suggest loading the items in the order you want to display them, so that after the first 6 load, the pop-in is finished, so that the screen will stop flashing.
评论 #23457843 未加载
andersco将近 5 年前
How will these tools in fact enable a developer to ship a better design? As a developer with limited design skills, I find that the problem is not finding tools, but rather knowing how to use them, eg what font to choose, what color palette to pick etc.
评论 #23455873 未加载
评论 #23455779 未加载
评论 #23456214 未加载
评论 #23457873 未加载
评论 #23457013 未加载
tekstar将近 5 年前
Design is a &quot;talent&quot; the same way software development is a &quot;talent&quot;. Some people may have natural abilities, but overall it is something to be practiced and studied if you want to get better at it.<p>CSS is just a programming language.<p>I am as talentless a designer as any of you but I stopped reaching to libraries and frameworks to solve my design issues, and started learning modern CSS and some basic design skills.<p>Lots of good books and web sites, and my personal preference is video courses through Lynda.com, which I get for free through my public library.
评论 #23463394 未加载
评论 #23457006 未加载
rsweeney21将近 5 年前
I went from software engineer to founder. As part of that journey I had to learn something about design since my co-founder didn&#x27;t have that skill or interest.<p>My advice for founders: copy.<p>Find a design you like, brand colors you like, and just copy it exactly. Colors, shadows, spacing, layout. As long as it is an established brand&#x2F;company, the UX will be good enough that it won&#x27;t harm your startup. And that&#x27;s all you are going for initially: a design that doesn&#x27;t turn customers away.
评论 #23459042 未加载
评论 #23465130 未加载
yvan将近 5 年前
Most of my side projects just lay somewhere because I think a good design can make a difference. So this is really great resources.<p>Does anybody have experience with <a href="https:&#x2F;&#x2F;tailwindui.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tailwindui.com&#x2F;</a>. As dev I like the tailwindcss and the founder released this some time ago and I am wondering if it&#x27;s worth the price.
评论 #23465356 未加载
petargyurov将近 5 年前
This is awesome. I have been using unDraw and unsplash as well as some other things for my startup (shameless plug: <a href="https:&#x2F;&#x2F;makely.me" rel="nofollow">https:&#x2F;&#x2F;makely.me</a>)<p>Some feedback for the site: make the titles of each product a little more clear. For instance, &quot;Free Stock Photos: High-Res Images for Websites &amp; Commercial Use&quot; doesn&#x27;t tell me what the website is until I hover over it.<p>EDIT: Another thing, I was expecting the filters to be additive (i.e.: if I select &quot;Art&quot; and &quot;Fonts&quot;, I would expect to see results from each category, instead I get nothing)
评论 #23462787 未加载
hirundo将近 5 年前
Craig Newmark proved that the graphic part of design isn&#x27;t strictly necessary. But I wonder if that&#x27;s as true now as it was when he began craigslist in 1995.
评论 #23457021 未加载
kgin将近 5 年前
Now that we’ve got no-code and no-design, I think we’re just missing no-idea.
asicsp将近 5 年前
See also: <a href="https:&#x2F;&#x2F;github.com&#x2F;LisaDziuba&#x2F;Awesome-Design-Tools" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;LisaDziuba&#x2F;Awesome-Design-Tools</a>
评论 #23457886 未加载
Ayraa将近 5 年前
One of the most useful design-related tools I&#x27;ve found is this color picker which generates complimentary colors for you based on model of your choice (triadic, analogous, etc.):<p><a href="https:&#x2F;&#x2F;www.sessions.edu&#x2F;color-calculator&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.sessions.edu&#x2F;color-calculator&#x2F;</a><p>I always struggled with picking complimentary colors and found this worked a lot better than most of the pre-defined color palette suggestions out there.
fxtentacle将近 5 年前
I see plenty of websites claiming to redistribute CC0 images. That can be a legal liability.<p>I mean there&#x27;s nothing to stop someone from downloading photos from Flickr and uploading them in their own name to one of those CC0 websites, especially because the latter will usually do no contributor verification at all. But no matter what the website says, you - the person using the image - will be held legally responsible in case it was wrongly promoted as CC0.
cookingoils将近 5 年前
I actually find that design by programmers is usually much more elegant and user friendly than design by designers.
tannhaeuser将近 5 年前
FWIW, and since it&#x27;s a design-oriented site (but maybe it&#x27;s a pun on the site&#x27;s name?), the masonry&#x2F;grid flashes badly on first load on a desktop. I guess it&#x27;s because of frequent CSS re-layouting as the individual grid cell&#x27;s content graphics get loaded.<p>Edit: what winkeltripel said
monokai_nl将近 5 年前
I&#x27;ve recently created a free tool to create good-looking CSS color gradients that might fit your audience:<p><a href="https:&#x2F;&#x2F;mybrandnewlogo.com&#x2F;color-gradient-generator" rel="nofollow">https:&#x2F;&#x2F;mybrandnewlogo.com&#x2F;color-gradient-generator</a>
评论 #23462752 未加载
somehnguy将近 5 年前
This is fantastic, thank you. I bookmarked it to use when I start my next side project. At work we have a graphic design team to develop assets, but on my own I have no such resource. And I&#x27;m beyond terrible at it.
forlorn将近 5 年前
Submitting a new tool:<p>For how long have you been using this tool? (Enter a number)<p>What does this number mean? Number of years&#x2F;months&#x2F;projects&#x2F;...? I entered 2 and 1 and have no idea what you meant.
评论 #23464193 未加载
SeanDav将近 5 年前
Brilliant. Bookmarked.<p>Of course some of the choices are personal opinion as to how good they are - especially items like UI Designers, but still good to have the choices in the first place.
dan_can_code将近 5 年前
Thanks for sharing this! As a dev who would like to improve my awareness of design, this collection of resources will definitely help me learn.
ac130kz将近 5 年前
This is very helpful indeed! It&#x27;s difficult to find aspiration sometimes if you&#x27;re not in the &quot;flow&quot; for quite a while.
srameshc将近 5 年前
I love it. This is what I needed. I am not a designer but I design and build stuff. So I am going to use this very often.
miohtama将近 5 年前
Building startups with no design boringtech:<p>Server-side rendering<p>ORM (Ruby&#x2F;Django)<p>Bootstrap (jQuery one)<p>FontAwesome<p>Google Fonts<p>Template from a store $50 - takes you from 0 to 1<p>Hetzner $40&#x2F;mo single real hardware server
quickthrower2将近 5 年前
I like the submission form.<p>CPU: How long have you been using this framework?<p>Me Type: 1 YEAR<p>CPU: Must be a number greater than 0<p>Me Think: Mmm ok<p>Me Type: 525600<p>CPU: Thank you!
评论 #23462797 未加载
andreigaspar将近 5 年前
Great resource, congrats! Thanks for featuring UI Design Daily:)
thrownaway954将近 5 年前
it would also be nice to just be able to click the tile for the listing and being taken to the site rather than having to click the title which is not apparent at first.
PresidentChuck将近 5 年前
Thanks, that&#x27;s how you develop a bookmark
kernel-dump将近 5 年前
Very cool collection of tools, thank you!
thrownaway954将近 5 年前
very nice!!!<p>you have color twice as choice btw ;)
评论 #23457904 未加载
Ayesh将近 5 年前
This is pretty handy, thank you.
atlgator将近 5 年前
I thought I was the only one...
polyterative将近 5 年前
design is not making things pretty. it&#x27;s about solving problems