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

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

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

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

   ​可以参考一下XX的那些前端​

   ​

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

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

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

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

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