Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/icon/app_logo_arrow.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/icon/app_logo_converge.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/icon/app_logo_page.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/icon/app_logo_tray.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 29 additions & 0 deletions design/icons/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
# 图标设计源文件(SVG)

PullRead 全部品牌图标的矢量源,任何尺寸/底色变体都从这里的 SVG 无损渲染,
禁止用 Pillow 等像素工具在 PNG 上做处理(会损失画质)。

## 三套文件

| 前缀 | 用途 | 构成 |
| --- | --- | --- |
| `appicon-*.svg` | 桌面图标完整版(圆角纸白底 + mark) | 256×256,`<rect rx=56 fill=#FBFAF6>` + `translate(38.4 38.4) scale(0.7)` 的 `#1F6F54` mark |
| `fg-*.svg` | Android 自适应图标前景(透明底,系统自己加背景) | 同 mark,透明底;对应 `drawable-xxxhdpi/ic_launcher_fg_*.png`(432px,mark 占 50%) |
| `icon_*_transparent.svg` | 应用内 logo(透明底,mark 放大到 0.984 居中) | `translate(2 2) scale(0.984)`;对应 `assets/icon/app_logo*.png`(192px) |

五个款式:`book`(默认摊开书)/ `page`(页即箭)/ `arrow`(抽页成箭)/
`converge`(汇页箭)/ `tray`(页堆箭)。

## 渲染方法

用 logo-design skill 的渲染脚本(chrome 后端,无 PIL):

```bash
python "C:/Users/d111k/.atomcode/skills/logo-design/scripts/render_png.py" \
design/icons/appicon-book.svg --out-dir temp/icon-design/render --size 1024
```

- 应用内 logo 输出 192px;桌面图标源用 1024px(flutter_launcher_icons 输入)
- **注意**:该脚本 `--padding` 参数在 chrome 后端下会静默输出全空 PNG——
自适应图标前景不要加 padding 渲染
- 深色底变体:直接改 SVG 的 `fill` 即可,不要事后抠色
13 changes: 13 additions & 0 deletions design/icons/appicon-arrow.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions design/icons/appicon-book.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions design/icons/appicon-converge.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions design/icons/appicon-page.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions design/icons/appicon-tray.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions design/icons/fg-arrow.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions design/icons/fg-book.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions design/icons/fg-converge.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions design/icons/fg-page.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions design/icons/fg-tray.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions design/icons/icon_arrow_transparent.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions design/icons/icon_book_transparent.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions design/icons/icon_converge_transparent.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions design/icons/icon_page_transparent.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions design/icons/icon_tray_transparent.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 5 additions & 3 deletions docs/platform.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,9 +58,11 @@ Hard constraints:
real-device verification; Windows has no such concept). On platforms without the
channel, `setAppIcon` persists the preference and silently does nothing.
- In-app logo: transparent `assets/icon/app_logo.png` is used in the home header and
the settings "about" page. Never use a white-background version in-app (it looks
wrong in dark mode). Larger marks are generated losslessly from the SVG sources in
`temp/icon-design/` with the logo-design skill renderer.
the settings "about" page (a full set `app_logo_<key>.png` covers all five marks).
Never use a white-background version in-app (it looks wrong in dark mode). Larger
marks are generated losslessly from the SVG sources in `design/icons/` (all three
sets: appicon / adaptive foreground / transparent in-app logo, see its README)
with the logo-design skill renderer.
- `assets/icon/app_icon.png` and `app_icon_foreground.png` (book, 1024px) are the
`flutter_launcher_icons` sources for the iOS AppIcon set and Windows `icon.ico`.
**Set `android: false` in pubspec before running the tool and restore it
Expand Down
7 changes: 6 additions & 1 deletion pubspec.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -114,8 +114,13 @@ flutter:

assets:
- assets/icons/
# 应用内 logo(透明底);assets/icons/ 一套为不透明桌面图标,不在此列
# 应用内 logo(透明底,五个款式一套,mark 加大由 SVG 源直出);
# assets/icons/ 一套为不透明桌面图标,不在此列
- assets/icon/app_logo.png
- assets/icon/app_logo_page.png
- assets/icon/app_logo_arrow.png
- assets/icon/app_logo_converge.png
- assets/icon/app_logo_tray.png

# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/to/resolution-aware-images
Expand Down
Loading