2024年网页界面设计师 篇1
首先谢谢邀答。
相信每一个设计师都有自己常用素材网站书签,本人也通过收集整理分类如下,现与题主及各位喜爱设计的条友分享。
配色类
【材质UI颜色】materialuicolors.co
【色轮】brandmark.io
【Color Picker Tool】www.0to255.com
【Material UI】www.materialui.co
【ColorFavs】www.colorfavs.com
【Curated Color】www.colorion.co
【LOL Colors】www.webdesignrankings.com
【Material Design Colors】www.materialpalette.com
【uiGradients】uigradients.com
【中国传统颜色】zhongguose.com
【和色大辞典】
www.colordic.org
【千图配色】www.58pic.com/peise/
图库类
【FreeImages】cn.freeimages.com
【SplitShire】www.splitshire.com
【大作】www.bigbigwork.com
【Visual Hunt】visualhunt.com
【Zoommy】
zoommyapp.com
【泼辣有图】www.polayoutu.com
【Unsplash】unsplash.com
【矢量图库】undraw.co
【StockSnap】
StockSnap.io
【Shutterstock】www.shutterstock.com/zh/
【Pixabay】pixabay.com
【Pexels】www.pexels.com
【矢量图集】www.peecheey.com
【矢量图集】undraw.co/illustrations
【Hippopx】www.hippopx.com
【矢量纹理】www.heropatterns.com
【Foter】foter.com
【Freepik】www.freepik.com
图标类
【iconmonstr】iconmonstr.com
【Logo Faves】logofaves.com
【Logolounge】www.logolounge.com
【LogoMoose】www.logomoose.com
【Logopond】logopond.com
【Vector icons】www.flaticon.com
【Icon Ninja】www.iconninja.com
【Iconfont】www.iconfont.cn
在线制作类
【样机神器】rotato.xyz
【不规则形生成器】www.blobmaker.app
【片头生成器】panzoid.com
【噪音风格背景生成器】codepen.io/vcomics/pen/djqNrm
【背景生成器】codepen.io/vcomics/pen/ZjMpOe
【水墨风格生成器】
codepen.io/ge1doot/pen/wPymJv
【云文字】
wordart.com
【粒子爆炸生成器】
wangyasai.github.io/Particles-Emission
【向量场迹生成器】wangyasai.github.io/Perlin-Noise
【动态马赛克背景生成器】wangyasai.github.io/Awesome-Mosaic
【贝塞尔曲线生成器】wangyasai.github.io/Bezier
【流体效果】
david.li/fluid/
【双色图片生成器】duotone.shapefactory.co
【故障艺术生成器】photomosh.com
【太空模拟器】spaceengine.org
【镜像炫光生成器】weavesilk.com
【剪纸艺术发生器】pissang.github.io/papercut-box-art/
【人工智能图片无损放大】bigjpg.com
【星球生成器】alteredqualia.com
【位图转矢量】www.vectorizer.io
以上网站有的需要VPN浏览,大部分均为Free下载及使用,希望对题主有帮助!!!
2024年网页界面设计师 篇2
给你推荐几个常用的网站:
1、站酷,国内最大的设计师网站,里面优秀的作品很多。
2、UI 中国,国内算是不错的 UI 设计网站。
3、Dribbble,全球最有名的 UI 设计网站,不过里面的作品偏概念,可以了解设计趋势。
4、Behance,全球最有影响力的设计网站之一,Adobe 官方出品,里面的作品完成度更高,更具有实际落地价值。
5、Pinterest,全球最多人访问的设计灵感获取网站,里面各种设计类型都有,可以日常访问提升设计阅读量,培养设计审美。
6、https://www.invisionapp.com/ 这是一个国外的设计协同工具网站,但是里面的一些设计文章写得很不错。
7、Medium,国外最大的文章平台,里面有很多优秀的 UI 设计文章,值得多多学习。
8、Ant Design,由蚂蚁金服推出的 Web 端设计语言,组件完整,设计理念也比较有参考价值,值得好好学习。
9、Material Deisgn,由 Google 官方推出的设计语言,在设计圈备受推崇,内容含金量很高,但是学习量也非常大,值得静下心来研究。
10、http://www.awwwards.com/ 优秀设计网站的排名,可以理解为 UI 届的红点奖。更新很频繁,里面的设计页面都是比较有创意的,用来开发脑洞。
11、http://iconfont.cn/ 阿里官方的图标库,用起来很方便,可以大大提升设计效率。
12、https://unsplash.com/ 最好用的免费图库,里面的图片都是可以免费商用的,更新频繁,质量也非常高,适合平时做 UI 的时候拿来用。
暂时分享到这里,如果点赞高,我再更新,十来年的积累,大概有百来个网站吧。
2024年网页界面设计师 篇3
UI,英文全称是User Interface,也就是用户界面。网页设计也是属于UI的一个范畴,只是承载的平台是电脑这样的大屏幕显示器。
从设计角度来说,这两者都是属于视觉设计的一部分,所以也不存在好和不好。从薪资前途来说,现阶段移动端界面设计确实是要薪资高一些。
网页设计和移动端界面设计比较大的区别就在于,网页设计更加侧重视觉和表现,而移动端界面设计很多时候也是需要兼顾到交互设计和用户体验设计,当然我不是说网页设计不考虑。就我目前接触到的,网页设计在这方面的需求比较小,主要是大部分的公司在网页设计上不太重视交互和用户体验层面。这一点就看楼主是只想做视觉,还是想要兼顾交互和用户体验。
未来,网页设计也是很有前途的,不论是做网页视觉设计,还是去做小程序设计,都是比较有前途的,所以可以根据自己实际情况考虑。
近两年来,各大企业对UI设计的要求也越来越高了,同时网页设计和移动端界面设计也越来越融合,所以到最后,如果入行了,还是极有可能都要学的,都要会的。
2024年网页界面设计师 篇4
页面排版
目前互联网最新的排版设计分为极简主义和扁平化设计, 它们都崇尚简约风并且都侧重于呈现内容。至此,在内容的排版上,首先应该注重空间设计,这里离不开段间距和行间距,此时的设计师,如同战场上的将军,负责总揽全局,排兵布阵并适时进行随机应变,也许布局过于紧密,让用户尴尬到迸发密集恐惧症;也许元素间隔过大使得布局空洞;也许比例不统一,会让整体看起来怪怪的;也许会遭遇各种其他问题,但这无疑考验了设计师运筹帷幄的能力。
告诉你一个重要的小技巧
文本排版有两种处理方式:文本过大,行间距应控制在文字高度的120%到150%;较小的文本,则可参考移动端,以适合用户的最佳体验感为参考指标。
另外,留白的运用也是UI设计的一大要素,在留白对比的映衬下,文字和按钮的存在感会提升。
主次搭配
一个网页设计呈现的不仅仅是UI设计的智慧结晶,也同样表达了TA对产品的理解。凡是涉及了传达信息的东西,都无一例外会融入传播者的个人想法。这种思维也正好体现在网页设计中。
我们都了解网页内容会遵循2/8原则,但在实际的操作中,很多元素掺杂进来,往往就不易把握住,这时就该静下心来,喝一杯咖啡神马的,开始头脑风暴,于清风明月夜深人静时沉思最开始想表达的主次内容,个人想法~有时也可以像了解好友一般,站在用户的角度,体验user从打开网页,目光所及之处,手指所点之处来放置最重要的内容。
元素尺寸
按照习惯,我们一直认为,所有的元素、图片乃至文本大小、颜色都一样会让网页看起来很有一致性,但真的是这样吗?
当然不是,低调性冷淡风,不是苹果就千万不要轻易尝试,我们普通用户的视觉冲击里,还是低调复杂轻奢风更能吸引眼球,譬如基于用户不同的需求,当位置的按钮尺寸不一样,加上设计几个相对固定的尺寸比例,可以更好的控制用户整个视觉和体验。
另外,从运营的角度来看,对用户的注意点进行引导,还可以通过对内容进行强弱处理。比如有些网页故意把分享的按钮设计得比其他按钮大一点,放在比较醒目的位置,以便于用户主动去分享,传播那些商家想要分享的内容~
文案渲染
普通文案,便是以精悍短小而口口相传,如果将其放在网页中,那么此时的文案,更是在简练的基础上扛起了引导用户的flag,它让在用户目光所及之处便能最短时间内掌握有效信息。
然而,你我都不是中文十级的天才,无法将大段的文案精简化。这时,不要害羞,好好跟相关人员沟通交流,挑选出最重要的文案内容。千万不能忽略这个小细节!不止是用户,任何人的注意力集中的时间有限,如果连这有限的时间里都不能留住用户的视线,那么这个网页基本是废了的~哪怕你花式做特效插画等超级无敌渲染映像,都会让人觉得内容空洞无实际效用~
希望对你有帮助,如果有像想学UI设计请私信回复:UI设计学习