67 lines
1.4 KiB
Markdown
67 lines
1.4 KiB
Markdown
# 🎨 App Icon - Quick Reference Card
|
||
|
||
## 📸 Preview
|
||
**Open this file**: [icon-preview.html](icon-preview.html)
|
||
|
||
## 🎯 Recommended Design
|
||
**Design 1: Gentle Focus Buddy** (with friendly face)
|
||
|
||
## 🎨 Colors to Use
|
||
```
|
||
#A7C4BC (Primary - calm green)
|
||
#88C9A1 (Success - bright green)
|
||
#F8F6F2 (Background - warm white)
|
||
#5B6D6D (Text - soft gray)
|
||
```
|
||
|
||
## ⚡ Quick Steps
|
||
|
||
### 1. Design (15 min)
|
||
1. Go to **figma.com**
|
||
2. Create **1024×1024** frame
|
||
3. Copy Design 1 from preview
|
||
4. Export as **PNG**
|
||
|
||
### 2. Generate (5 min)
|
||
1. Go to **appicon.co**
|
||
2. Upload your PNG
|
||
3. Select **iOS + Android**
|
||
4. Download zip
|
||
|
||
### 3. Install (10 min)
|
||
```bash
|
||
# Unzip downloaded file
|
||
|
||
# iOS: Copy to
|
||
ios/Runner/Assets.xcassets/AppIcon.appiconset/
|
||
|
||
# Android: Copy to
|
||
android/app/src/main/res/mipmap-*/ic_launcher.png
|
||
```
|
||
|
||
### 4. Test (2 min)
|
||
```bash
|
||
flutter clean
|
||
flutter run
|
||
```
|
||
|
||
## 📐 Master Size
|
||
**1024×1024 pixels** (PNG, no transparency for iOS)
|
||
|
||
## 🔧 Tools
|
||
- **Design**: Figma (figma.com) or Canva (canva.com)
|
||
- **Generate**: AppIcon.co (appicon.co)
|
||
|
||
## 📚 Full Docs
|
||
- **Preview**: [icon-preview.html](icon-preview.html)
|
||
- **Detailed Guide**: [ICON_IMPLEMENTATION_GUIDE.md](ICON_IMPLEMENTATION_GUIDE.md)
|
||
- **Technical Specs**: [APP_ICON_DESIGN.md](APP_ICON_DESIGN.md)
|
||
|
||
## ⏱️ Total Time
|
||
**30-40 minutes** from start to finish
|
||
|
||
---
|
||
|
||
**Status**: Ready to implement
|
||
**Next**: Open icon-preview.html and start designing! 🚀
|