如何设计网页排版和样式 - 前端页面设计

经过前端页面的优化, 请教别人和别人的建议总结出来的两句话, 希望可以有所帮助

对于没有设计天赋的朋友, 不妨可以思考一下下面三句话.

1. 设计这东西一定要找素材. 自己凭空想出来的, 90%做出来不好看
2. 背景不要用深色,整个页面最多的不应该是颜色, 黑白灰为主, 颜色点缀
3. 参考别人是怎么设计的, 不一定要按钮的形式, 有传数据的功能就行, 可以参考一下XX的那些前端

这三句话, 其中第一句话告诉你别自己瞎想怎么改了, 包括排版和样式, 自己对当前的东西没有一个整个页面的设计,只是对现有的东西去改变位置大小颜色 其实 变化都不大, 可能会规矩一些, 但不会变美…对自己不是专门搞设计的要有一个清晰的认识 😦

然后就是第三句话, 最后的XX说的是去参考你现在正在设计的相关网站的前端页面是怎么设计的, 不要大海捞针似的无意义浏览大量网站模板. 和你现在做的都不相关, 当然不知道该如何去借鉴啦. 比如你再设计输入框, 输入后点击查询后显示查询结果, 这个肯定要去有输入框的网站看看别人的输入框是如何设计的, 比如翻译网站, 这些不都有输入框和查询的东西嘛, 就可以参考一下.

然后就是第二句, 大概观察一下国内比较出名的网站 掘金, 知乎或者CSDN, 都可以看出背景不会用深色或其他颜色, 大多都是黑白灰这些, 然后其他颜色点缀, 确实是这样的, 看上去也比较高级, 这可能就启发一个配色的问题吧. 关于配色也是很讲究的, 什么底色配什么色的按钮.

关于配色提供几个网站可以参考一下

1. uiGridients - Beautiful Colored (推荐)
2. CodePen - 参考一下网站里的设计
3. 网页设计中怎么配色？
4. 配色表

理解了上面三句话, 相信你可以参考其他现有的相关设计就能知道自己要设计成什么样子了, 设计要再来一个精美大方高端的配色, 那就很棒了~ 加油

最后呢, 也非常感谢在我走投无路愿意帮助我的人, 谢谢你们