Full-site web UI design for Department of Mechanics, Peking University---2020

 


















（pc浏览器展示）




(火狐响应模拟 )



（css）



(js)




整体对28个页面左右已设计完毕，由于2020年疫情，该力学系领导人取消了网站改版开发的资金；所以前端

h5实现，只实现了几个页面；



The overall design of about 28 pages has been completed. Due to the epidemic in 2020, the leader of the Department of Mechanics canceled the funds for website revision and development; so the front-end


h5 implementation, only a few pages are implemented;































Comments

Post a Comment

Popular posts from this blog

resume UI design ----2021

Image
这是从网上找我第一次合作的ZIHAO网友，很谢谢他信任，客户很满意，客户自己说超出他的预期， This is the ZIHAO netizen who came to me to cooperate with me for the first time on the Internet. I am very grateful for his trust. The customer is very satisfied. The customer himself said that it exceeded his expectations. Link： https://www.zcool.com.cn/work/ZNTA5ODA1OTY=.html 需要UI设计，或响应前端合作， 请联系： vx :191400619 whatsAPP ： 15510427664
Read more

Quick messaging APP design ------2023/12月20

Image
(第一个创意设计稿) (客户提供demo需求) （客户不允许创意，要求一摸一样按demo要求来） Quick messaging APP design 快捷讯息APP设计 第一个页面设计稿，是按自己想法创意设计； 第二个设计稿： 客户不允许创意，要完全按他demo一摸一样。 并不允许按ios 750的基准设计规则；而是按对方iphone15来核验jpg眼睛看的；实在无语；遇 到这样客户，宁愿不合作，绕道； The first page design draft was creatively designed according to my own ideas; The second design draft: The client does not allow creativity, it must be exactly the same as his demo. It is not allowed to design according to the benchmark design rules of ios 750; but to verify the jpg according to the other party's iPhone 15; I am really speechless; when encountering such a customer, I would rather not cooperate and take a detour;
Read more

招财鸭 logo design----------3月30/2024

Image
  This is an online friend who collaborated with me on logo design. The other party asked me to design one logo. Since the other party gave me the full payment, in order to express my sincerity, I designed three logos. I let the other party choose to use them. In the end, the other party chose: abstract The logo consists of duck paws and coins. 这是一个网络朋友，跟我合作logo设计，对方要求设计1个；由于对方给了全款，所以为了表达谢谢对方得诚意；就设计3个logo；任凭对方选择使用；最终对方选择了：抽象鸭掌和钱币组成得logo。
Read more

Realize mobile interface simulation function on PC---2023/11/22

Image
顶端左边时间：  功能描述：分（如果输入的不是数字，提示：请输入数字，如果输入的数字大于60时，提示：请输入 0 -59 ）， 功能描述：时（如果输入的不是数字，提示：请输入数字，如果输入的数字大于24时，提示：请输入 0 -23） 顶端右边： 功能说明： wifi ，手机模拟信号 ，电池电量 （JS 动态自动更新） 页面内容时间：   功能描述：分 （如果输入的不是数字，提示：请输入数字，如果输入的数字大于60时，提示： 请输入 0 -59 ）， 功能描述：时：（如果输入的不是数字，提示：请输入数字，如果输入的数字大于24时，提】 示：请输入 0 -23） 功能描述：  账号 （如果输入的不是数字，提示：请输入数字，） 页面内容日期 ：日，月 ，年 功能描述： 日  （如果输入的不是数字，提示：请输入数字，如果输入的数字大于31时，提 示：请输入01 – 31天 ）， 功能描述：月  （如果输入的不是数字，提示：请输入数字，如果输入的数字大于12时，提 示：请输入01 – 12月 ）， 功能描述：年 （如果输入的不是数字，提示：请输入数字  ），   页面内容金额： 功能描述：（如果输入的不是数字，提示：请输入数字，  输入的数字自动+5） 页面内容蒙板：    功能描述：页面右下角浮动框 ， 竖向滑动条  蒙板高度可调整 （值为：百分比 ） 页面生产PNG 图片 功能描述：页面右下角浮动框 ， 图片按钮，点击图片按钮 会将整个html 页面生成png图 （除去 右下角浮动框 不在生成图片范围内） Top left time: Function description: Minutes (if the entered number is not a number, prompt: please enter a number, if the entered number is greater than 60, prompt: please enter 0 -59), Function description: (if the input is not a number, prompt: please enter a number, if the en...
Read more

Mobile operation and maintenance smart monitoring large screen interface UI design----------2024

Image
  这是2022年12月23跟甲方合作5个页面设计，已实现设计4个页面设计稿；由于甲方未能及时提供大屏数据界面demo，所以大屏数据页面无法进展设计；直到2024年1月23日，甲方提供demo大屏数据需求文件，要求实现设计稿；虽然协议已过期，虽然有权拒绝设计；但是我不能给我的神主耶稣基督丢脸，及不让落入别人乱说口实，于是愿意再次用心设计此页面。感谢我的God主耶稣基督赐给我正确的心态。 This is a 5-page design cooperated with Party A on December 23, 2022, and 4 page design drafts have been completed; because Party A failed to provide a demo of the large-screen data interface in time, the large-screen data page cannot be designed; until 2024 On January 23, Party A provided the demo large-screen data requirement document and requested the implementation of the design draft. Although the agreement has expired, although it has the right to reject the design, I cannot embarrass my God, Jesus Christ, and do not fall into other people's nonsense. To be honest, I am willing to design this page carefully again. Thank you to my God, Lord Jesus Christ, for giving me the right attitude.
Read more

Schedule event reminder app design------3/28/2024

Image
第一种风格： 第二种风格被选中： 、 这是一位四川小伙伴后端大咖与我合作的日程活动提醒app界面设计； 这款app真的很棒；可以解决人因忙乱而忘记某个日程，或错过某个日程时间的麻烦； This is a schedule event reminder app interface design that a Sichuan friend and a big back-end expert collaborated with me on; This app is really great; it can solve the problem of people forgetting a certain schedule or missing a certain schedule time due to being busy;
Read more

online study H5 mobile ui -----4/30/2024

Image
  这是老客户的订单，要求设计H5移动端界面设计；得到客户认可，很欣慰。 多谢老客户的信任。 This is an order from an old customer, requesting the design of H5 mobile interface design; I am very pleased to be recognized by the customer. Thank you to our old customers for your trust.
Read more