first commit
This commit is contained in:
66
ICON_QUICK_REF.md
Normal file
66
ICON_QUICK_REF.md
Normal file
@@ -0,0 +1,66 @@
|
||||
# 🎨 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! 🚀
|
||||
Reference in New Issue
Block a user