热门标签 | HotTags
当前位置:  开发笔记 > 程序员 > 正文

经典导航设计(图解)(原创教程)

首先声明下,这个图是我学习临摹来的在制作过程中存了几个步骤希望与大家分享首先建立背景然后用圆角矩形圆角5px尺寸和颜色图片有说明marblegranite这里使用软画笔提亮背景,笔触

首先声明下,这个图是我学习临摹来的

在制作过程中存了几个步骤希望与大家分享

首先建立背景

 然后用圆角矩形 圆角5px 尺寸和颜色图片有说明marble granite 

 

 

 

 

这里使用软画笔提亮背景,笔触300像素大小

 

 

 

 

原教程中没有的步骤,为了让字体有一点突出感,我加了点投影,细微的变化

 

 

拉渐变,可以直接用矩形选框,距离外框10px即可,然后渐变图层透明度为5%

 

 

 

 

写上目录,选自己喜欢的颜色和字体

 

 

 

 

然后是加分割线和调整点击时候的色彩

这是我的最终效果,字体有些模糊,但是我觉得跟整个质感匹配~

只不过放网页上的话,字有些不清晰

 

 

 

 

这个是老外的最终效果,文字使用的是无样式

 

 

 

 

 

 

  

 

 

分享完毕~

挺简单的导航制作,半小时左右就可以完成,甚至更快……有兴趣可以试试哈


推荐阅读
  • 技术总监的角色定位与代码实践
    关于技术总监是否应当参与代码编写,这一议题始终伴随着技术行业的成长而引发广泛的讨论。本文旨在从多个角度探讨技术总监参与代码编写的必要性和影响因素,包括公司背景、发展阶段及团队规模等。 ... [详细]
  • 本文详细介绍了如何使用 CocosCreator 的 `cc.loader.loadRes()` 方法来动态加载资源,包括正确的路径设置和资源类型的指定。 ... [详细]
  • Nginx基础:与Tomcat(JSP)和Perl的集成应用
    本文探讨了如何将Nginx与Tomcat(用于JSP)及Perl进行有效集成,提供了详细的配置方法和实践建议。 ... [详细]
  • 41.合唱队题目描述:答案点这里42.将字符串中不同字符的个数打印出来题目描述:找出字符串中,不 ... [详细]
  • 本文探讨了在使用Java进行网络文件下载过程中遇到的问题,特别是图片下载不完整的情况,并提供了改进的方法以确保文件能够完整无误地被下载。 ... [详细]
  • 怎样才能跳出if语句_西门子SCL编程入门教程连载(4) 语句与结构
    前面的文章我们介绍了西门子SCL编程的变量和表达式,今天这篇文章,我们来介绍下SCL的语句与结构。语句在计算机科学中被称为Satement。它是一条 ... [详细]
  • 理解三维数组的结构与维度
    本文通过具体的代码示例和图形展示,详细解释了如何理解和操作三维数组中的行、列和通道,帮助读者深入掌握三维数组的使用。 ... [详细]
  • 本文介绍了如何在VB.NET版机房收费系统中实现数据从DataGridView导出至Excel的功能,包括环境配置、代码实现及常见问题解决方法。 ... [详细]
  • 本文从数据埋点的设计者视角出发,全面解析数据埋点的技术原理、应用场景及其管理方法,涵盖基础知识、实施策略、数据处理流程等内容。 ... [详细]
  • 大连情侣必游景点推荐
    探索大连最适合情侣的旅游景点,无论是浪漫的海边散步,还是充满乐趣的主题公园,本文精选了一系列适合情侣共同体验的美丽场所。 ... [详细]
  • 回顾与学习是进步的阶梯。再次审视卷积神经网络(CNNs),我对之前不甚明了的概念有了更深的理解。本文旨在分享这些新的见解,并探讨CNNs在图像识别和自然语言处理等领域中的实际应用。 ... [详细]
  • 本文介绍了如何设计并实现一个基于Java的聊天室系统,旨在检验个人Java技能掌握程度及满足实验室任务需求。该系统不仅支持基本的文字交流,还涵盖了多媒体文件传输、表情发送等功能。 ... [详细]
  • Wireshark是一款强大的网络协议分析工具,能够捕获并解析各种网络协议的数据包,包括HTTP。本文将探讨如何使用Wireshark来判断针对同一URL发起的多个GET请求是否通过同一Socket进行。 ... [详细]
  • 博主从零开始学习HTML(入门基础)
    从零开始学习HTML(入门基础)互联网三大基石HTTP协议URL:统一资源定位符HTML:超文本标记语言HTML的Head标签中的常用元素<!--告知 ... [详细]
  • 尽管Web设计已发展为成熟行业,网站开发依然融合了技术与艺术。优秀的网站设计不仅能够吸引大量流量,也可能因设计不当而流失用户。本文探讨了设计过程中常见的错误,并提供了相应的改进措施。 ... [详细]
author-avatar
拍友2502921323
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有