【个人网站开发 · 记录二】UI设计阶段 —— 设计角度分析如何去做一个个人网站

最新推荐文章于 2024-08-08 15:58:05 发布
最新推荐文章于 2024-08-08 15:58:05 发布
阅读量835 收藏 3
点赞数 3
分类专栏： 个人网站 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JZevin/article/details/108812625
版权
本文记录了一位程序员搭建个人网站的UI设计过程，包括LOGO设计的各个版本（文字、图形、彩色及响应式），色彩搭配的选择，以及简约风格的基调设定。设计师采用霓虹渐变色彩，结合红色和紫色点缀，创建出既时尚又简约的视觉效果。后续将分享更多UI设计内容。
摘要由CSDN通过智能技术生成

前言

当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有🐶）

在这里插入图片描述
就像上图这样，绝对原创设计，盗图必究！🐶

有了想法就去实现它！我们都知道传统的软件开发流程大致可分为分析，设计，编码，测试，部署，上线，运维等七大阶段。 这里就做一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）：

🏆 UI设计阶段 🏆

文章目录

最低0.47元/天 解锁文章
Code_Zevin_J
关注
专栏目录
从零开始构建机器学习平台——架构设计、模块拆解及实现方案
AI天才研究院
08-10 765
概述在当今数据驱动的时代,机器学习已经成为众多行业和领域的核心技术。然而,构建一个完整、高效且可扩展的机器学习平台仍然是一项复杂的工程挑战。从数据收集和预处理,到模型训练、评估和部署,再到持续监控和优化,每个环节都需要精心设计和实现。本文旨在为读者提供一个全面的指南,详细介绍如何从零开始构建一个功能完备的机器学习平台。我们将深入探讨平台的整体架构设计,各个关键模块的功能和实现,以及在实际开发过程中可能遇到的挑战和解决方案。
如何精准确定需求?——确定需求是提升产品质量、降低开发成本、优化用户体验的关键环节
AI天才研究院
08-04 949
确定需求”是提升产品质量、降低开发成本、优化用户体验的关键环节。根据Dave Thomas的定义，需求就是一个想让某人或者某事物达到目的或实现某个功能的目标。在这个过程中，需求通常需要被收集、分析、理解、排序、规划等一系列的活动来制定和完善。需求分析的过程可以帮助业务领域专家更准确地把握产品的发展方向和策略，并最终帮助产品团队提高工作效率、提升产品质量、降低开发成本、优化用户体验。根据项目阶段性需求，通常会分为需求收集、整理、分析、设计、评审、测试几个阶段。
原创拟态UI3.0-一款完全开源的个人主页源码
05-04
小枫拟态UI3.0-拟态UI设计本源码前端页面以及UI图由小枫开发，后端部分是拿赞助金找人开发的 使用说明: 1.新建域名（设置纯静态），把压缩包导入根目录，(关闭防跨站攻击) 2.新建域名 PHP > 7.2 设置域名录 xiaofeng/public (关闭防跨站攻击) 3.在路径 xiaofeng/.env 配置数据库信息 4.在路径 admin/js/common.js 部署前端接口 （http://lxh5068.com/）替换成你的 5.导入数据库：sql.sql 6.后台：http://域名/admin 账号：admin 密码：123456 7.设置伪静态： location / { if (!-e $request_filename){ rewrite ^(.*)$ /index.php?s=$1 last; break; } } 如果看了教程还不会就放个静态页面吧！
UI设计和网页设计如何做好？
weixin_33713503的博客
05-15 486
随着目前人们对于UI设计融入网页设计的要求越来越高，很多网页设计的风格也变得不一样。一个优秀的网页究竟要进行怎样的UI设计？一个网页究竟怎样设计才能配得上精美两个字呢？苏州学码思小编就带一起来学习一下。 　　1、第一印象，UI设计很重要 　　我们都知道第一印象相当重要。优秀的设计始终是留住读者，吸引新的用户一大因素。如果在第一次访问，如果网站的UI设计没有打动读者，他们不希望再次访问您的网站...
一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
最新发布
爱敲代码的卡拉米的博客
08-08 2163
计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；网页作品代码简单，可使用任意HTML编辑软件（如：D。
个人中心页面的UI设计知识点
Tianlran的博客
01-05 5655
在移动端设计中，个人中心页面有许多设计细节点是需要设计师去注意和挖掘的，看似结构简单的页面其实包含了很多平时容易被忽视的细节。本篇内容是巩固总结关于个人中心页面的相关设计知识点，仅用于学习，如想详细了解，具体可移步到优设文章查阅。
HTML设计个人网站UI
Alphamilk的博客
04-19 601
采用左右布局即左为文字，右为表单。3.通过html 和css实现内容。
个人项目整理——UI设计(web)
桥下一粒砂
04-04 281
快毕业了，整理一下大学这四年来做过的东西。今天一位伟大的老板问我有做过什么项目，我才发现我的资料乱七八糟，手忙脚乱的发给他。得整理一下，下次哪位老大问我做过什么，让他直接看博文就可以了。 :D 大学四年，学习的东西也够多够乱的…… 第一篇——UI设计 其实我是一个很彻底的宅男程序员，之所以做UI设计，是因为实在看不惯那些恶心的界面，看着很不爽，所以自己动手修理它。 首页截图 ...
【个人网站开发 · 记录三】制定开发方案阶段 —— 技术角度分析如何去做一个个人网站
JZevin的博客
09-29 814
前言 当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有????） 就像上图这样，绝对原创设计，盗图必究！???? 有了想法就去实现它！这里就做成一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）： 【个人网站开发 · 记录一】立项分析阶段 —— 产品角度分析如何去做一个个人网站 【个人网站开发 · 记录二】UI设计阶段 —— 设计角
软件架构师应该如何决定软件结构，模块的划分？什么是“职责划分”以及如何进行“职责划分”？——面对越来越复杂的软件系统，如何管理软件的不同功能和需求？如何提升软件质量和可维护性？
AI天才研究院
08-05 1519
系统的复杂性在增加，带来了软件开发的严峻挑战。面对越来越复杂的软件系统，如何管理软件的不同功能和需求？如何提升软件质量和可维护性？软件架构师应该如何决定软件结构，模块的划分？架构师需要做出哪些决策才能帮助项目团队构建一个可扩展、易维护、健壮、可靠的软件系统？面对这些复杂的问题，职责划分不仅仅是关于功能模块划分，更是对系统架构设计、工程组织及人员分工等方面的重要考虑。正确定义、划分职责并不是一件轻松的事情，因为它涉及到多个部门之间的沟通协调、资源共享以及系统的稳定性、性能和效率。
个人博客全新UI：我心中你最美
weixin_34161064的博客
09-09 923
不知道你是否也有想过完全用自己的代码实现自己的个人博客？定制专属 UI、定制专属逻辑、在信息爆炸的时代真正地沉淀下属于自己的东西。我也曾经历了同样的纠结，最终下定决心做了自己的个人博客。虽然过程曲折，但一路风景很好、小路很多。看着被自己全新改版的网站，心里只有满足感，也笃定了知识分享和结识更多好友的初衷。就以此篇记录下网站 UI 改版的过...
基于Axure的个人博客界面设计
06-13
用Axure软件编写的一个自己的博客，希望对想学习Axure的朋友有帮助，界面比较简单，设计都是原创。
个人博客页面模板 blog
09-25
是一个可以大家练习的个人BLOG页面的模板。有简单的美化，可以用的毕业设计。 有博客列表，博文显示，分类，最近评论，最近发表。 后台有博客管理，添加博文，分类管理等。
html简洁风格的个人博客网站模板（源码）
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
12-12 1万+
html简洁风格的个人博客网站模板，里面包括首页面，列表页面，文章详细页面，资源页面，时间记录条页面等模板页面，可以借鉴这个模板，开发自己的博客，容易上手。下载后直接运行。
博客管理系统|基于SpringBoot+Vue+ElementUI个人博客系统的设计与实现
BS009的博客
07-22 2171
博客，又叫网络日志，是一个通常由个人管理，不定期发布新的文章的网站。博客上的文章通常根据发布的时间，用倒序的方式由新到旧排列。许多博客专注在特定的课题上提供评论和新闻，其他的被作为个人日记。一个典型的博客结合了文字、图像、其他博客或者网站的链接、以及其他相关的主题为主的媒体。能够让读者以互动的方式留下意见，是许多博客的重要要素。大部分的博客内容以文字为主，博客是社会媒体网络的一部分。
UI设计
YLC_慕类的博客
05-16 1002
UI设计就是设计电子屏幕上可以用鼠标点的，手指按了有反应的。这就是UI设计。 UI设计其实本身一直存在我们的身边。但一直没被重视。2011年苹果4S手机发布后，UI设计得到重视。所以才有了这个专业。 1：视频+网站+书籍 视频：大家可以多去MOOC和TED网站，学习一些各大顶尖学校各大牛人的视频，比如时间管理，人际沟通，创意，管理，心理学，等多个领域的课程，这对于我们UI设计的职业发展是非常的有帮...
UI设计师都在用这5个网站，赶紧马住~
leshem888的博客
04-17 727
UI设计日报，从 2016 年 3 月开始，截至今日创建了超过 1000 多个 UI 设计素材，主要提供的是 Sketch、PS、Figma、Xd、Studio 四大标签类型的 UI 资源分类，除了可以通过搜索框找到素材，也可以通过标签过滤，虽然该网站属于个人设计博客，但提供的 UI 资源非常适合刚刚入门的 UI 设计师使用，如果感兴趣，一起给自己每天指定一个设计小目标吧。菜鸟图库提供了超多免费设计素材，在这里你可以找到平面、UI、电商等设计类素材，还有大量的高清背景图、图片、PNG素材、图标、样机等等。
CSDN实训 - 个人博客界面制作
weixin_51196032的博客
10-30 2895
文章目录前言一、个人博客界面展示二、HTML代码展示总结 前言 最近，我看到一句话，是解释什么是博客的，他是这样说的：博客是什么，简单的说就是记录生活和工作的记事本，一种公开与网络世界的日记本。这句话也充分说明了众多博主的心声，所以今天，我们来写博客，自己当站长！ 提示：以下是本篇文章正文内容，下面案例可供参考 一、个人博客界面展示 二、HTML代码展示 <!DOCTYPE html> <html lang="zh-CN"> <head><meta nam
HTML辅助下载个人官网源码+UI非常不错
ewgrh的博客
07-08 778
好看的辅助下载个人官网HTML源码+前端UI非常不错，本人打开测试了一下，整体i前端UI方面还是挺不错的，可以将index.html源码改为其它任何类型的个人主页。wwrys.lanzoul.com/i6hql07j417e
网站设计UI讲解：从理念到实践
"此资源是一个关于网站设计方案的PPT，旨在阐述设计思路，帮助读者理解UI设计和网站设计的核心要素。" 在网站设计方案中，UI（User Interface）设计扮演着至关重要的角色。UI是人与机器交互的界面，是用户与系统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值