关键字:根据对产品认知的感受,同时结合产品的属性,对相关关键字进行筛选;筛选后选择相关的图片,制作情绪板拟定网站的主视觉风格。
配色:关于科技感设计的用色,很多人都会下意识地想到蓝色或其他深色系色彩。虽然这些色彩的运用非常广泛,但是过分使用会给人冷冰冰的感觉,因此我们可以根据实际情况,适当使用一些暖色系来调整产品情感。
字体:在很多科技相关的设计中,大多会使用正常或偏细的字体进行设计,一来纤细字体自带精致属性,可以和界面中其他图形元素的线条搭配;二来这些字体仅占据少量的空间,为界面提供足够的留白来突出重要内容。
內容:页面标题的使用应该精短干练,突出重点即可;详细内容可放到副标题上,但建议尽可能压缩字数,毕竟科技感风格多以简洁为主。另外,也可以将文字当作修饰元素,让页面整体看起更加饱满且富有立体感。
图标:在网页设计中,图标应该是除Banner外,最能突显“科技感”的元素。而在这类相关设计中,具科技感的图标通常具有用色单一、简洁留白、样式丰富等特点。
动效:科技感设计的风格以简洁、有品质感为主,而动效刚好能增加设计这些特性。因为优秀的动效能给用户及时的反馈,增强网站使用体验,同时避免过度炫技,以免造成用户的视觉疲劳。
颜色方面:通过大面积的冷色调和深色系色彩,利用纯色、渐变等方式来营造出科技的氛围感。
场景方面:利用景深来增强界面的氛围,但需注意这方式容易对界面信息产生视觉干扰,建议使用模糊效果来处理。
蓝色:在FUI色彩中出现率排行第一,并且很多大众熟知的科技类品牌和产品都会选用的色彩。同时,蓝色也是智能创新科技类产品的标志性色彩,很多人只要看到蓝色便会与“科技”扯上关联。
青色:处于蓝色与绿色之间的色彩,明度较高,通常带有清澈、灵动的感觉。亮青色一般比较刺眼,适合小范围使用来提亮重点;而深青色则给人深邃、宁静的感觉,适合作为背景色之用。
紫色:同样是科技类网页设计中出场频率相对较高的颜色,但通常会搭配明度更高的色彩来使用,以营造出前卫、魔幻的科技感。
红色:作为出错警告的功能色,红色在功能操作性的界面设计中通常较少出现,更多应用于广告运营UI设计,尤其是电子竞技对抗题材的网站。
黄色:色彩明度高,在暗色背景中的对比视觉效果强烈,适合金融类网站、男性用户为主的游戏类界面等。
粉色:在FUI设计中所选用的粉色多为偏冷色调,加上在光的三原色中属于高亮色,因此能展现出鲜艳、浮夸的性格,多见于娱乐性强及综艺运营的界面。
绿色:在FUI中出现频率较低且多以明亮的荧光绿为主,容易让人联想到飞碟、代码等代表的科技元素。
白色:以白色为主色的科技类产品较少见,但很适合在VR、AR展示悬浮元素,以表现物理空间的层级感,其应用更偏向于功能性的呈现,适合极简扁平风的界面设计。
空间感:通过视觉转换、模拟镜头光圈虚化等处理手法,让整体设计更立体、更有深度。
卡通元素:虽然插画、卡通风格元素看似与偏写实的科技风格不相关,但通过视觉元素、色彩搭配,以及动效融入等,同样可以创造出乎意料的效果。
三维元素:星球、城市等三维元素与写实风格非常匹配,也会让整体设计充满立体感及形成差异化,从而带来不错的视觉冲击力。
光效加持:在科技类视觉风格中,光的使用非常频繁,而且不同光效也会产生不同的视觉效果,如背景光大多用于烘托前景物体;点光、线性光主要用于加强局部,也可以作为点缀之用。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。