Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

装扮1期规划 #1

Open
iRuxu opened this issue Dec 16, 2022 · 15 comments
Open

装扮1期规划 #1

iRuxu opened this issue Dec 16, 2022 · 15 comments

Comments

@iRuxu
Copy link
Member

iRuxu commented Dec 16, 2022

No description provided.

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 16, 2022

捏脸头像框


KZ$_%D3~YVO2J_~Z$FR416L
加上头像框后上空白40px,下空白20px
捏脸内页新增头像框支持 头像框和头像尺寸为 M 档 (https://github.com/JX3BOX/img-avatar)

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 16, 2022

个人中心调整

R 2218V0YT1MM{U_QRQ`Y@H
头像框上下左右空白20px,头像框下面有一个分割线,所以分割线应该是头像框下面20px的位置
由于上下间隔改动,右侧的个人信息也要跟着一起保持水平对齐

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 16, 2022

个人主页调整(PC端)

1.取消顶部横幅的个人签名
2.粉丝数颜色调整为粉色,和关注TA的按钮底色一致
3.关注TA右侧的更多按钮,点击后的框,应当是向左拓展,而不是向右拓展(具体样式如下图)
4.本人查看本人的个人主页的时候,关注TA以及更多 这两个按钮不予以显示
5.本人查看本人的个人主页的时候,可以点击粉丝数跳转到个人中心的粉丝页面
_{`DU Z7R)V%6A7I5K8J1PY

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 16, 2022

评论区头像调整

8W1T%}O(V%34H2 5UE`CCW6
支持圆角和头像框,尺寸比例为 XS 子评论比例为xxs

@yu-minggang
Copy link

yu-minggang commented Dec 17, 2022

个人主页调整(PC端)

1.取消顶部横幅的个人签名 2.粉丝数颜色调整为粉色,和关注TA的按钮底色一致 3.关注TA右侧的更多按钮,点击后的框,应当是向左拓展,而不是向右拓展(具体样式如下图) 4.本人查看本人的个人主页的时候,关注TA以及更多 这两个按钮不予以显示 5.本人查看本人的个人主页的时候,可以点击粉丝数跳转到个人中心的粉丝页面 _{`DU Z7R)V%6A7I5K8J1PY

看本人的个人主页的时候,可以点击粉丝数跳转到个人中心的粉丝页

  • 已完成

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 17, 2022

个人主页调整(PC端2)

CI7Z8CZT8QF}15LW1XLHL2Q
顶部横幅高度改为220px,头像为L档(120px/168px),上下间距50px/26px
右侧信息与头像间距20px,上下间距82px(数据可能不太准,具体以(200-右侧信息整体高度)/2)

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 17, 2022

个人主页调整(手机端)

{(SD1}BV$L@EAI59(T7HXK2
1.顶部横幅高度改为130px,头像固定为S档(68px/88px),上间距36px/26px,下间距26px/16px
2.横幅内的头像(含头像框)的位置为横幅内X轴16px(不再垂直居中)
3.右侧信息与头像间距20px,和PC端一样,跟头像以水平中线对齐。
4.顶部横幅背景图跟PC端分开,手机端和PC端分别取两张图(后期设计负责制作手机端的和PC端的图)
5.关注TA的按钮移动到横幅右上角,距离横幅右侧和上方间距10px的位置,大小尺寸改成85x30px,按钮内容改成“关注”,
6.看一下能不能把加入时间的这个模块移上来,放到顶部横幅的模块下面,作品模块的上面

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 17, 2022

虚拟装扮1(主题)

主题分为4个部分

  1. 侧边栏(体现在文章左侧)
  2. 艾特人(体现在鼠标移到文章内艾特人时的名片显示),
  3. 个人主页背景(后期考虑做成全站),
  4. 个人主页顶部横幅。
  5. 主题选择入口为 个人中心-资料设置-选择主题
  6. 文件名,文件夹拟定为:装饰序号_装饰名字,如:1_CYBERPUNK
  7. 文件名,具体装饰位置拟定为:装饰序号_装饰方向_装饰名.后缀,如:1_CT_CYBERPUNK.png
  8. 装饰方向,CBL(侧边栏),AT(艾特人),L1/L2/R1/R2(背景锚点),CT(个人中心顶部横幅)

@nierssaxa
Copy link
Contributor

nierssaxa commented Dec 17, 2022

虚拟装扮1(主题-个人主页背景)

_CRU3620IM7R KC6@I%}II

  1. 设置四个锚点,分别以L1-L2-R1-R2注明,固定位置,不随浏览器的滚动而改变。
  2. 四个锚点不对图片做任何颜色尺寸大小限制(手机端则四个锚点的图片尺寸全部缩小50%)
  3. 文件名,文件夹拟定为:装饰序号_装饰名字,如:1_CYBERPUNK
  4. 文件名,具体装饰位置拟定为:装饰序号_锚点位置_装饰名.后缀,如:1_L1_CYBERPUNK.png
  5. 测试用文件已发群文件
  6. 拟定单张图不超过1M,整体总共不超过4M(对美工的要求)

@yu-minggang
Copy link

yu-minggang commented Dec 17, 2022

捏脸头像框

KZ$_%D3~YVO2J_~Z$FR416L 加上头像框后上空白40px,下空白20px 捏脸内页新增头像框支持 头像框和头像尺寸为 M 档 (https://github.com/JX3BOX/img-avatar)

  • 已完成

@yu-minggang
Copy link

yu-minggang commented Dec 18, 2022

个人中心调整

R 2218V0YT1MM{U_QRQ`Y@H 头像框上下左右空白20px,头像框下面有一个分割线,所以分割线应该是头像框下面20px的位置 由于上下间隔改动,右侧的个人信息也要跟着一起保持水平对齐

  • 已完成

@yu-minggang
Copy link

yu-minggang commented Jan 6, 2023

主题装扮

  • 1. 图标选中改为右上角绿色对勾

  • 2. 主题展示下带文字描述,灰底黑字

  • 3. 提示信息展示
    02Z1QN)T99`H(%FTS~JKPZL
    灰字居右 空5px 主题左侧空5px

  • 4. 竖向叠加主题

  • 5. 装扮都做2x对应 3840x2160

  • 6. 统一一下顺序和名字 资料卡 艾特卡 主页背景 侧边栏 日历

@nierssaxa
Copy link
Contributor

nierssaxa commented Jan 16, 2023

@yu-minggang
1.资料卡(homebanner)背景不要设置灰色,直接设置空白。
2.个人设置那边,不要加灰白的filter,以后那个位置要是有人物或者动物会显得很晦气(灰白更偏向遗照),在上面加一个50%的白色就行。
3.个人设置下面,当前设置应该有名字,比如头像框是什么,主题是什么

@nierssaxa
Copy link
Contributor

nierssaxa commented Jan 16, 2023

$J6Z7ZA)F0M`958}Z10FECN

社区称号,字符honor,展示样式同homebanner区域的【签约作者】,
文本14px,文本有字数限制等浮烟定规则,底部框高度20px,宽度为10px+文本宽度+50px,即文本左侧边距10px右侧边距50px,边框圆角2px
文本框和文本颜色走 Buttoncolor和Buttontextcolor
空出的50px可以放一张图,暂定key为honorbg

@nierssaxa
Copy link
Contributor

nierssaxa commented Jan 16, 2023

HW531)JRA~(4JZ@J_SP@(IS

头像框,字符avatar
在个人设置那边的头像框,将仅展示用户已入库和未入库的头像框。
所有免费头像框也进入商城通过1积分+1盒币的形式售卖(或者代码可以实现0积分0盒币的话)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants