平面设计 
首页 > 平面设计 > 浏览文章

ai怎么设计互联网高科技网页ui?

(编辑:jimmy 日期: 2024/10/8 浏览:3 次 )

科技网页在设计过程中就要表现出科技的技术之美,该怎么设计一款网页ui呢?今天,我们的创意就是使用红蓝色调的图片加上电脑素材来呈现这种科技的美感,重点绘制电脑的细节结构,再把屏幕创意化的呈现出来,详细请看下文介绍。

软件名称:
Adobe Illustrator(AI矢量图片制作软件) 2020 v24.3.0.569 安装版
软件大小:
1.46GB
更新时间:
2020-08-25立即下载

ai怎么设计互联网高科技网页ui?

1、使用钢笔工具画出圆弧的背景形状,再用文字工具打出网页上面的所有的文字,使用矩形工具绘制网页上面的矩形框与搜索框的路径。再画出下方的电脑与屏幕的细节路径,最后,我们画出创意屏幕的细节路径。

ai怎么设计互联网高科技网页ui?

2、使用紫红色到蓝紫色的渐变填充圆弧背景,再用白色填充文字与圆角矩形路径

ai怎么设计互联网高科技网页ui?

ai怎么设计互联网高科技网页ui?

3、上方的搜索框使用紫红色到蓝紫色的渐变填充,再用白色填充放大镜的路径,下方的电脑使用不同明度的灰色填充键盘主体的顶端与侧面。

ai怎么设计互联网高科技网页ui?

ai怎么设计互联网高科技网页ui?

4、使用灰白色与蓝紫色搭配填充键盘的按键与底板的路径,再用叠加模式的紫红色到蓝紫色的渐变填充表面的路径,设置透明度为70%左右

ai怎么设计互联网高科技网页ui?

ai怎么设计互联网高科技网页ui?

5、键盘的高光路径使用滤色模式的紫黑色渐变填充,接着,我们用蓝紫色的渐变填充电脑的屏幕,再用白色与天蓝色搭配填充屏幕的内容路径。

ai怎么设计互联网高科技网页ui?

ai怎么设计互联网高科技网页ui?

6、使用蓝紫色的渐变填充屏幕上方的中间的创意平板的路径,内部的长方形使用滤色模式的天蓝色填充,设置长方形的透明度为50%左右,不同的长方形设置不同的透明度

ai怎么设计互联网高科技网页ui?

7、最后,我们用紫红色的渐变填充最上方的平板,再用半透明的天蓝色填充平板上方的长方形,侧面的路径使用蓝紫色的渐变填充,完成科技网页设计。

ai怎么设计互联网高科技网页ui?

ai怎么设计互联网高科技网页ui?

以上就是ai设计互联网高科技网页ui的技巧,希望大家喜欢,请继续关注。

相关推荐

ai怎么设计度假区景观插画? ai度假区的画法

ai怎么设计上海城市风景宣传图? ai上海宣传海报的画法

ai怎么设计冬季城市插画? ai手绘城市入冬矢量图的技巧

上一篇:ai怎么画飞鸟并制作飞鸟插画图?
下一篇:ai怎么手绘披萨海报? ai设计漫画风格竖式披萨海报的技巧
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?