发布时间：2024-02-27 16:32:08
欢迎大家！我知道很多人对于搜狐体育空白页有一些疑问，但是请放心，我会在今天的分享中向大家传授一些关于搜狐体育空白页的基本原理和实用技巧，希望能给您带来帮助。
ui设计图标类型有哪些
按功能分类可以分为
应用图标,如搜狐,新浪,网易等网站的logo;
功能图标,如各类音乐播放器的“开始”“暂停”“快进”图标等;
按设计风格分类可分为
剪影图标;
轻拟物图标:在原来拟物图标基础上,减轻厚重质感,去除投影、渐变、纹理转化成扁平化的图标;
轻质感图标:渐变/投影/不透明度等图标,具有唯一性,细节更加丰富;
拟物化图标:有形有色有样式有质感的图标;
叠加图标;
以文字为主体的图标,如支付宝,淘宝的图标;
插画图标,通常是游戏应用,直接使用游戏中的角色、道具或画面作为图标。
图标类型和风格总结
这篇文章来自优设网,主要是最近的工作中经常用到图标,但是设计给到的图标放到页面中总是有点不协调,所以看到这篇文章想要收藏分享一下。
作者写的还是很细致的,喜欢的可以关注他。链接地址在下面。
编者按:图标类型千变万化,实际上万变不离「线性、面性、线面结合」3个方面,再结合「透明度、渐变、颜色叠加、质感、多维空间」等表达方式设计而成。本文将近6000字,一篇就可以了解全部设计风格!
图标是ui设计中极为重要的一个环节,我们在做每个界面的设计几乎都会涉及到图标的表达,出色的图标设计可以让界面表达更加精致、有趣。
图标的设计往往也体现着设计师的基本功,因此除了日常多画提升对图标造型的把控力外,我们也更需要了解和学习图标设计的趋势类型,从而帮助我们提高在设计中的效率。
基于自我学习的目的,平时在浏览一些设计网站时也会做相对应的收集。因此本文主要对于图标设计的「类型、风格」进行了整理,以及自己对于每种图标类型的思考。
图标的类型划分
设计网站上的图标可以说是多种多样,不同类型的图标都有着独特的魅力。例如,线性图标简洁轻量、面性图标厚重直接,当然同一种类型的图标也具有很多不同的表现形式。
因此基于本人对图标的理解,大致划分为三类:线性、面性、线面结合。结合三种基础类型的表达方式可以创造出各式各样的表现形式。
线性图标
使用轻量的线条勾勒的图标,整体感受也趋向于精致、细致而具有锐度感。不同的线条表现具有不同的视觉感受,细线轻量、直线硬朗、曲线柔美。
1.线型图标基础分析及想法
粗细对比
粗细不同,图标的力度和重量感就会有差异。粗线的图标,视觉关注力来说会更加突出,但较于细线的图标也会显得粗壮、厚重。细线的图标,精致、透气、秀美。
但在设计时需要依据「整体的ui风格」来决定线的粗细,而并非单纯的考虑图标的关注度,反而更需要考虑图标与界面整体的平衡感。
柔度对比
直角与圆角决定了外形的感知和风格的走向,如下图对比中看出,圆角越大图形越趋向于可爱柔美(如下右图),圆角越小则越直接、硬朗和阳刚(如下左图)。因此刚或柔或中间值完全取决于早期对于整体风格的定调。
繁简对比
除了轻量化和简洁之外,图标的识别性也是极为重要。如下左图,「过度简洁」导致图标失去该有的识别度而出现歧义,而下右图的元素叠加使得图标稍显复杂。在繁与简的平衡中,应该保持在不影响图标识别度的情况下,最大限度的提升图标的简洁程度。
特征的识别度
除了简洁程度,也需要考虑图标该有的特征。例如下图「评论」图标的案例,当我把图标中的「三个点」去掉时,图标依旧具有「对话/评论」的表意,而当我把下面的「箭头」去掉保留「三个点」时,则会出现歧义,它可以被表意为「更多」的意思,因此在设计图标时需要对于表意做精准把握,避免歧义出现。
保持图标的特征美感
如下面的「心形」图标,下左图是我们具有普识性的图标,与圆形组合之后依然保持着原有的形态美感。但我们不时也会看到第三种设计,整体外形虽然保持着爱心,但为了与整体风格「一致」强行对外轮廓进行切割,与原图形在美感上则稍微有些出入,这也是我们需要思考的关键点。
组合型比例
组合型的比例会影响到图标的精致程度,准确的「比例值」能让整体的造型趋向平衡,更具有美感。如下图案例尝试了两组不同比例的效果,这里以图标窄边作为「基准值」进行尝试。当内形为外形的1:2时(下图2),图标的整体视觉效果较为平衡;当大于1:2并接近4:3时,图标内部结构会显得过于饱满。而小于1:2并接近4:1时(下图3)则会产生稀疏不紧凑的效果。(这里的比例只是案例需要,实际设计以最终的视觉感知为准)
2.线性类型拓展
基础的理论,结合延展的应用,可以迸发出更多的创意想法。线形图标也并非只有一种设计形态。通过以下案例,可以看看线型图标设计类型的多样性。
极简风格
整体风格极为简约,没有多余的线条,通过线条还原图形的本质,外形「简单」却具有很强的识别性,在视觉感知上轻松、干净。
极简的风格图标在于对图形的把控,多一笔可能显得复杂,少一笔可能影响识别程度。以上图为例,图标的组合元素保持在2个左右,整体较为干净。
实际应用:instagram、airbnb、facebook、twitter
双色
相较于「纯色的图标」更具表现力,细节上也会更加丰富,形态感知上多了一层变化。结合颜色的叠加、对比、互补提升了图标的层次感和丰富度。
同色系:同为冷色系、暖色系或同一色系的表达形式。如下图案例,以暗色为主色,亮色点缀提亮,使得图标具有一种高光提亮的感觉。
另一组案例是亮色主色结合暗色,整体图标效果还算可以,但较亮的颜色没有应用在图标的关键特征上,使得图标第一眼的感知稍有减弱。
对比互补色:颜色跨度更大,层次更加分明。如下图案例,红色与蓝色的撞色之后相比单色的图标更加出彩和具有记忆点。
实际案例:腾讯动漫我的页面
透明度变化
本质上与上面一种为一个类型的设计,通过透明度的叠加和变化,提升图标的层次感和空间感,降低图标的压迫性。
实际案例:爱奇艺9宫格图标
渐变层次叠加
渐变带出了图标的质感,结合「不同深度」或「不同饱和度」的变化,让图标更具有细节和层次。
黑白 品牌色
黑白色作为主色调,结合品牌色作为点缀色。与常规的黑白图标相比,既产生了变化,同时兼顾了品牌色的透出。
实际案例:大众点评攻略页面图标
线性渐变
结合渐变的颜色,丰富了整个图标的视觉表达,并提升了图标的视觉冲击力和设计感。案例结合黑白背景作为尝试,白底:粗线比细线的视觉效果相对较好,渐变也能较为清晰地被表达;黑底:细线比粗线的视觉效果显示得更加精致和具有锐度感。
实际案例:网易考拉、naver
一笔成形
此类图标在视觉表达上具有较高的线性流畅度和设计感,关注点在于整组图标的「开口起始点」设定上需保持一致。例如,「从左到右」或「从右到左」形成一体化的连贯线条,开口起始点不一致会影响整组图标的一致性,应用在页面时也会显得杂乱。
断点图标
与上一种较为类似,但没有连贯度的要求。在线形图标基础上面,寻找一个缺口来打破「全包边图标」的沉闷感,使得图标具有透气性和线条的变化。缺口的位置尽量保持统一的方向及大小,另外需要控制开口个数避免过多导致图标外形过于零碎。
实际案例:腾讯体育、京东
面性图标
面性图标比线性图标更能表达出图标的力量感和重量感,比线性图标会更加容易吸引用户目光。在识别度上,面性图标更加依赖于外轮廓的清晰度,因此在设计时对于外形的打磨是重中之重,清晰的外轮廓可以帮助提高识别度。
1.面型图标基础分析及想法
轮廓对比
轮廓的差异会体现出不同的气质,如下图的左边和右边的区别,一个气质较为直接硬朗,另一个则较为柔美可爱。流畅的外形可以让面形图标的整体更加简洁、规整,如下图中间的图标在轮廓的处理上则显得比较碎,整体外轮廓造型的连贯度有所欠缺。
镂空对比
适当的镂空除了补充了图形的识别度之外,还提升了面性图标的设计细节。另外需要控制好镂空部分与整体的外形比例,过小或过大都可能影响图标的平衡感。如下图的中间和右边,镂空过小对图标的辨识度并没有多大作用,没有镂空则少了一些透气感。
形体对比
形态上的差异也会具有不一样的视觉感知。以「星」和「心」为案例,单独形体与组合之后的形体相比视觉感知更直观些,而组合形的图标相对会精致一些,多了一些层次。在日常设计中的经验是:越小的图标形体应该越简单,因此建议单体出现较好;若图标的尺寸足够大时可采用组合型的设计,补充图标的细节。
繁简对比
设计面性图标时,对于多余细节的管理也很重要。随着细节的增加,块面切割过多,会使得整体图标变得过于零碎(如下右图)。保持简约的设计提高图标的识别度,在关键的特征细节上做补充(如下中间图的相机闪光灯)。
2.面性图标类型拓展
面性图标在设计时也可以结合各种不同的表达方式,来提升图标的质感和创意,而非只是简单的填充颜色。
单色面 点缀色
整体的外形使用统一的颜色,结合图标的属性感知使用不同的颜色进行点缀,通过点缀色提亮了图标的视觉效果,达到既统一又具有差异化。
多彩双色
通过对比色、邻近色的搭配来营造整体的图标氛围,提升了图标的层次和丰富度,双色的表达也增添了图形的趣味性。在日常使用的app中极为常见,简单且容易出效果。
微质感渐变
微弱的渐变提升了图标的质感。渐变的方向会影响整体图标的视觉效果,因此可以根据不同设计的需要进行调整。如下图案例:
实际案例:全民k歌
透明度/灰度变化
透明度/灰度的变化,让原来单色的图标变得更加具有层次感和空间感,设计细节更加丰富,降低了单色面性图标的厚重感。
实际案例:企鹅fm我的页面
透明度变化 渐变
渐变的设计提升了面性图标的质感,从颜色上具有一定的丰富度。在渐变的基础上对组合型做透明度差异化,使得图标具有了层次感。
透明叠加的图标 渐变的背景
此类图标常常被应用在ui界面中的列表或者顶部入口的位置。
实际案例:全民k歌点歌页面
颜色叠加穿透
图标透明叠加之后产生了交错的负形,叠加出第三个面。虽然整体设计依然保持着扁平化,但却多了一份层次感,并且增加了图标的细节。
实际案例:百度网盘
渐变层次叠加
整体的效果与透明度变化的图标较为接近,通过渐变的深浅变化,使得形状的衔接处出现了明暗对比,因此图标也具有了厚度感和层次感。
实际案例:naver、掌上生活
高斯模糊
此类图标基本没有在app中看到,与「透明度变化」或「颜色叠加」相比都更具层次感和空间感,同时图标也具有较强的设计感。
线面结合
结合了线性和面性的优点,既保持了面性的重量感,同时具有线性的精致、细腻。因此在设计时可以根据图标具体想要表达的感觉对线面比例进行把控,不同比例可以呈现出不同的视觉感知。
1.线面结合图标的基础分析及想法
线面比例
线面比例的差异,图形呈现出来的张力也会有不同的感受。基于中间填充的图标形态尝试了三种不同的比例,从下图中可以看出,当填充与外形窄边比为1:3时(左图)图标呈现往内收的感觉;填充与外形窄边比为1:2时(中间)图标整体较为平衡;当填充与外形窄边比为2:3(大于1:2)时(右图)整体具有外扩趋势。
组合形式
线面可以通过不同的组合形式进行绘制。基于不同的组合形态可以设计出多种多样的线面图标,不同的组合形式会体现出不同的设计风格,因此在设计时尽量多发散思考,寻找出适合你的组合方式。
繁简对比
线面结合本身就由两种形式组合,因此在设计的时候更需要对整体造型进行把控,单体(线和面)造型必须保持较高的简洁程度,这样最终组合形成的图标才不会过于复杂(左图),若本身形态过于复杂,则会降低图标的辨识度和视觉美观度。
2.线面结合图标类型拓展
线面结合的图标集合了线性和面性的优点,在设计方式上也继承了两者的优点。设计方式也是基于以上两种的结合,因此可以结合出更多设计的可能性。
黑白线 面性品牌色
与「线性 品牌色」的做法较为接近,统一的线性颜色叠加品牌色的透出。
实际案例:好好住、soul
线面双色
基于线面的基础上,在线和面的颜色上做差异。具体做法与线性或面性的双色接近。
线面结合-阴阳
线和面的结合按50%的比例进行设计,依据上下、左右、居中等基础方式的结构化设计,整体图标的视觉效果较为跳跃,非常规。
线面双色 错位
在双色图标的基础上,线和面按照统一的「百分比」进行缩放,并进行透视和位移的设计,整体呈现出来的是一种交错叠加的视觉效果,相比普通的线面双色更加丰富。
实际案例:闲鱼底部tab、脸球底部tab
线面错位 渐变
基于上一种风格,对面或者线的颜色进行渐变设计,丰富了图标的质感和颜色更加细腻。
线面透明度变化
与「线面透明度变化」的设计方式大致一样。如下图案例,「弱线强面」的第一识别度较弱,而「弱面强线」的外形识别度较高,也更符合图标的表达。
实际案例:新浪微博、腾讯新闻
基于三种基础的类型表达,可以拓展出多种多样的设计形式。除了以上的案例之外,还收集了一些其他的设计。
线面结合c插画
整体比较偏向插图的感觉,细节和元素较多,常见于一些app的空白页设计。
线面结合_卡通插画
整体感觉比较可爱、卡通、二次元,常见于一些二次元或漫画类的app。
面性_渐变强质感
整体风格的光影质感会比较强烈,常在一些活动运营或小游戏的界面出现。
面性c扁平写实
整体感觉比较扁平,细节的丰富度与现实感知接近。
线面 渐变插画
整体风格比较偏向绚丽多彩的颜色风格,质感和细节较为丰富。
写实风格
3d质感图标
由于c4d的制作成本相对较高,目前较少在常规的app中看到。但3d作为一个主流的设计趋势,在时间和能力允许的情况下需要多做这方面的尝试。
等距的线面结合
等距的设计,让原本线面的图标丰富了层次,并具有立体透视的感觉。
除了以上这些之外,我们在实际场景中也会发现一些较为特别的图标设计。
facebook更多页面的列表图标
整体风格偏向插画风 渐变质感。由于更多的页面为纯列表的设计,因此整个页面在图标的设计上做了很大胆的尝试,与常规的单色图标相比更具有吸引力。为了区别不同的业务,系统性质的功能图标做了色调的区分。
appstore游戏和新app界面下的类别列表图标
整体为具象化扁平风格的设计表达,图标的颜色还原了最基本的现实感知。
ios系统办公类软件的起始页面图标
整体风格比较偏商务简约,具象的图形表达 轻微的渐变质感。
qq手机版中延展的功能图标
整体风格偏向轻写实 微弱渐变。每个图标都具有丰富的细节表达,色调方面基于业务属性结合品牌色进行了区分,整体既统一又具有差异化。
40个自媒体可商用素材网站【视频 插画 图片 图标】
creativecommons(知识共享)简称cc协议素材,创作者主动放弃著作的部分权利,还是会有所限制,例如要求标注来源、作者名等,请看到cc协议时看清须知。pd协议证明作品已捐献给公共领域。
cc0协议意味着创作者主动放弃了著作的所有权利,可以无条件使用包括商用。(但是,不可上传至其他素材网站、不可声称拥有版权,不可用于不法途径,图像中所涉及的内容仍有可能涉及商标权和公共及隐私权。
pexels【人物、风景、动物等摄影图片】
/
沙沙野【高清视频、图片(中文网)】
/
unsplash【高清艺术摄影图片(最多人使用)】
/
visualhunt【人物、风景、动物等摄影图片】
/
pixabay【照片、插画、矢量、视频】
/
freejpg【色彩靓丽的风景、植物、动物】
/
skuawk【专业摄影师作品】
/
picjumbo【高清静物、风景图片】
/
kaboompics【建筑、静物等小清新高清图片】
/
gratisography【时尚流行摄影图库】
/
foodiesfeed【食物摄影高清图库】
freelyphotos【带宗教色彩的高清图片】
/
【唯美冷调风景】
/
streetwill【自然风光、街头建筑】
/
【ins风图片、静物】
/
polayoutu【旅行高清图片】
lifeofpix【风景、食物图片】
/
lifeofvids【唯美的风景视频】
/
fancycrave【静物、建筑,复古风】
/
mmtstock【花卉植物较多】
/
【复古风格的图片】
magdeleine【精致文艺的图片】
designerspics【静物风景图片】
/
viintage【各种邮票图片】
/
imcreator【人物、艺术、自然、矢量图标】
textures【大量的树木、石头、金属等材质纹理图,可用于2d、3d贴图】
/
dryicons【各种icon图标素材】
/
flat-icon-design【日本可爱插画风图标】
/
ac-illust【剪贴画】
/
iconfont【各种icon图标素材(中文网)】
/
flaticon【很全的图标】
/
iconninja【忍者图标】
coverr【各种各样的高清视频素材】
/
mixkit【实拍高清视频素材】
videvo【高清、4k视频】
/
videezy【各类场景、宣传视频】
/
undraw【人物场景插画】
icons8【人物插画】
drawkit【人物场景】
/
404-illustrations【网页插画】
目前索马里并不安全，谨慎前往。如果你非要前往，可以前去索马里驻北京大使馆询问办理条件。当然，你可以网上联系旅行社，我看到的全都是办理索马里商务签证的，只需要半年有效期以上的护照，2张照片，以及身份证复印件，但价格不菲。
你可以通过第三国办理，比如它的邻国埃塞俄比亚，索马里在埃塞俄比亚首都亚的斯亚贝巴有使馆，地址是：
bole kk, kebele-20, h no. 558
p. o. box 1643
addis ababa
更多信息如下：
不建议去索马里旅行，但是它北部的索马里兰（之前属于索马里，后来独立了出来）倒是值得一去。
索马里兰在埃塞俄比亚首都亚的斯亚贝巴也有代表处（representative offices），之所以叫“代表处”，是因为索马里兰并没有被国际社会承认，不能称“使馆”。索马里兰目前在很多国家都设有代表处，包括埃塞、肯尼亚、阿联酋等国家。
我在埃塞首都亚的斯亚贝巴拿到过索马里兰签证，这里办理索马里兰签证所需材料很简单，只需要有效期6个月以上的护照，1张照片，领取签证申请表填好，缴纳40美金的签证费，在大使馆等一会儿就能拿到签证。签证只能1次入境，可以在索马里兰停留30天。
索马里兰的las geel岩画值得一去，但是去参观之前，需要到首都哈尔格萨的tourist office拿一个permission，我当时是25美金一个人。拿到了permission，还需要包车去。可以自己包车，也可以让tourist office联系。我在索马里兰，感觉这里气氛平和，旅行没有问题，但也不要到处乱走。
如果是去索马里，就需要一路雇佣保镖了。
沙巴属于马来西亚第二大州，位于东马，可以把马来西亚的“州”理解为中国的“省”，沙巴的首府是亚庇，其他主要城镇有山打根、斗湖、仙本那等等想去沙巴的话。需要办理马来西亚的签证。 马来西亚的个人旅游签证办理很方便，签证的类型也很多，国人去旅游普遍办理的有过境签、entri、evisa。
但是马来西亚的过境签（免费）我个人不推荐哦，因为马来西亚过境签只能在吉隆坡两个机场（klia 和 lcct）申请，马来西亚其它地方都不可以，而且必须在120小时内从空路离开，并且有相关机票证明文件，陆路、水路都不行。如果楼主入境就在沙巴的话肯定是不行的。
楼主可以根据停留时长和入离境口岸来选择办理entri还是evisa。
entri是一个马来西亚入境凭证函，申请人持entri入境马来西亚最长停留15天，但是申请人三个月内只能申请一次entri入境凭证函，且必须是从中国大陆（不含港澳台）直飞马来，从马来离境也只能回中国大陆，期间不能停留第三国。
在飞猪上就可以办理entri啦，将护照首页扫描件（有照片那页，手机拍下即可），电子白底彩色证件照2寸，往返机票行程单发给卖家，5 个工作日就可以出签了，签证费用一百多块钱。需要注意的是，飞猪上办理成功是电子版的形式发过来，这个签证要求彩色打印成a4纸，不能是黑白的哦。 办理好的entri图如下
如果去马来西亚超过15天，或者是出入境有第三国的话，entri就不适用了，这时候可以办理evisa， 停留时间是30天。在飞猪上办理就很方便省事了，只需要护照、两张两寸彩色白底证件照寄给卖家，卖家收到后五个工作日就可以出签了。evisa的费用在 300元左右。evisa签证如下
沙巴有很多好玩的景点，潜水，吃海鲜，购物…性价比都很高。另外，沙巴使用的插头和我国是不一样的，去沙巴玩的话记得带一个转换插头哦！
去意大利办理签证要看你是哪个种类了，它分为基础类签证、旅游类签证及商务类签证探亲访友类签证四种。具体如下：
基础类签证
签证类型：申请普通签证
中国公民可申请意大利个人旅游签证前往意大利及其他申根区国家
办理方法：通过指定代办机构办理
是否需要面试：否
停留时间：根据情况不同，最多90天
建议办理时间：建议比计划出发时间提前至少三个星期申请
申请方式
请选择距离您居住地最近的意大利签证中心或驻华使领馆的签证处递交申请，无需预约时间。
1) 使领馆签证处：北京、上海、广州、重庆
2) 签证中心：重庆、成都、昆明、北京、西安、沈阳、武汉、济南、上海、南京、杭州、广州、长沙、深圳、福州
个人旅行签证
1.个人申请表
严格填写签证中文申请表，签名字体需和护照上签名一致
2.护照
有效期在6个月份以上，如果有旧护照请提供
3.照片
4张相同的2寸白底彩色近半年照，尽量不要戴眼镜。
4.个人资料
身份证复印件 全本户口本复印件 结婚证复印件（未成年人提供父母的结婚证复印件）
5.资产证明
半年以上个人银行储蓄卡流水（余额3万以上） 房产复印件 车产复印件（学生提供父母资产）
6.工作证明和营业执照
在职人员：工作证明 营业执照副本（均盖鲜章）
退休人员：退体证原件及复印件
学生：在校证明 学生证原件及复印件
家庭主妇：配偶的在职证明 营业执照副本
自由职业：收入来源证明
7.机票酒店保险
机票订单 酒店订单 符合申根国要求的保险
探亲访友签证资料
个人旅游所需要以上1—7项材料，还包括：
1.邀请函：包括邀请人在该国的身份、住址、邮箱、电话、与被邀请人的关系、被邀请人的姓名护照及逗留的具体时间段、住宿安排和大致行程。
商务签证资料
个人旅游所需要以上1—7项材料，还包括：
1.外方邀请函原件
2.意大利公司营业执照
3.邀请人身份证/护照复印件
4.中方派遣信原件
5.个人工作名片（有则提供）
如果你对搜狐体育空白页和搜狐体育空白页的介绍还有任何疑问，请收藏本站以获取更多有用的信息和解答。
搜狐体育空白页 搜狐体育网页版