공개: 저장소 링크와 이미지 렌더링 정비
This commit is contained in:
parent
799b975406
commit
f75dcb49c2
2 changed files with 110 additions and 159 deletions
147
README.md
147
README.md
|
|
@ -1,65 +1,32 @@
|
||||||
# KoTalk
|
# KoTalk
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
<img src="branding/png/kotalk-transparent-256.png" alt="KoTalk mark" width="96">
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
**한국어 중심의 차분한 메시징 경험을 다시 설계하는 오픈소스 프로젝트.**
|
||||||
<strong>한국어 중심의 차분한 메시징 경험을 다시 설계하는 오픈소스 프로젝트.</strong>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
Windows 데스크톱을 중심에 두고, 모바일 웹과 Android를 병렬 확장하는 메신저 저장소입니다.
|
Windows 데스크톱을 중심에 두고, 모바일 웹과 Android를 병렬 확장하는 메신저 저장소입니다.
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
짧은 답장, 빠른 복귀, 설명 가능한 제품 표면, 그리고 한국어 사용 습관에 맞는 조용한 UI를 핵심 기준으로 삼습니다.
|
짧은 답장, 빠른 복귀, 설명 가능한 제품 표면, 그리고 한국어 사용 습관에 맞는 조용한 UI를 핵심 기준으로 삼습니다.
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
현재는 Windows, 모바일 웹, Android APK 기준선을 운영하고 있으며, iOS와 Linux 네이티브 채널은 같은 제품 경험 안으로 수렴시키는 방향을 공개적으로 준비 중입니다.
|
현재는 Windows, 모바일 웹, Android APK 기준선을 운영하고 있으며, iOS와 Linux 네이티브 채널은 같은 제품 경험 안으로 수렴시키는 방향을 공개적으로 준비 중입니다.
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
[](PROJECT_STATUS.md)
|
||||||
<a href="PROJECT_STATUS.md"><img alt="status" src="https://img.shields.io/badge/status-active%20alpha-166534"></a>
|
[](PROJECT_STATUS.md)
|
||||||
<a href="PROJECT_STATUS.md"><img alt="platforms" src="https://img.shields.io/badge/platforms-windows%20%7C%20web%20%7C%20android-1D4ED8"></a>
|
[](문서/README.md)
|
||||||
<a href="문서/README.md"><img alt="docs" src="https://img.shields.io/badge/docs-master%20plan%20%2B%20atlas-111827"></a>
|
[](LICENSE)
|
||||||
<a href="LICENSE"><img alt="license" src="https://img.shields.io/badge/license-Apache--2.0-1F2937"></a>
|
[](https://vstalk.phy.kr)
|
||||||
<a href="https://vstalk.phy.kr"><img alt="web" src="https://img.shields.io/badge/live-vstalk.phy.kr-0F766E"></a>
|
[](https://download-vstalk.phy.kr)
|
||||||
<a href="https://download-vstalk.phy.kr"><img alt="download" src="https://img.shields.io/badge/download-mirror%20live-166534"></a>
|
[](PROJECT_STATUS.md)
|
||||||
<a href="PROJECT_STATUS.md"><img alt="verified" src="https://img.shields.io/badge/verified-2026--04--16-6B7280"></a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p align="center">
|
[Project Status](PROJECT_STATUS.md) · [Showcase](SHOWCASE.md) · [Background](BACKGROUND.md) · [Alternative Gap](ALTERNATIVE_GAP.md) · [Platform Strategy](CLIENT_PLATFORM_DECISION.md) · [Brand Guide](branding/BRAND_GUIDE.md) · [FAQ](FAQ.md) · [Releases](RELEASING.md) · [Trust Center](TRUST_CENTER.md) · [Architecture](ARCHITECTURE.md) · [Master Plan](문서/README.md) · [Contributing](CONTRIBUTING.md)
|
||||||
<a href="PROJECT_STATUS.md">Project Status</a> ·
|
|
||||||
<a href="SHOWCASE.md">Showcase</a> ·
|
|
||||||
<a href="BACKGROUND.md">Background</a> ·
|
|
||||||
<a href="ALTERNATIVE_GAP.md">Alternative Gap</a> ·
|
|
||||||
<a href="CLIENT_PLATFORM_DECISION.md">Platform Strategy</a> ·
|
|
||||||
<a href="branding/BRAND_GUIDE.md">Brand Guide</a> ·
|
|
||||||
<a href="FAQ.md">FAQ</a> ·
|
|
||||||
<a href="RELEASING.md">Releases</a> ·
|
|
||||||
<a href="TRUST_CENTER.md">Trust Center</a> ·
|
|
||||||
<a href="ARCHITECTURE.md">Architecture</a> ·
|
|
||||||
<a href="문서/README.md">Master Plan</a> ·
|
|
||||||
<a href="CONTRIBUTING.md">Contributing</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<table>
|
| Try Web | See Screens | Read Status | Get Builds |
|
||||||
<tr>
|
|---|---|---|---|
|
||||||
<td align="center"><a href="https://vstalk.phy.kr"><strong>Try Web</strong></a><br><sub>모바일 웹 진입점</sub></td>
|
| [모바일 웹 진입점](https://vstalk.phy.kr) | [최신 화면 묶음](SHOWCASE.md) | [현재 동작 범위](PROJECT_STATUS.md) | [미러와 릴리즈 경로](RELEASING.md) |
|
||||||
<td align="center"><a href="SHOWCASE.md"><strong>See Screens</strong></a><br><sub>최신 화면 묶음</sub></td>
|
|
||||||
<td align="center"><a href="PROJECT_STATUS.md"><strong>Read Status</strong></a><br><sub>현재 동작 범위</sub></td>
|
|
||||||
<td align="center"><a href="RELEASING.md"><strong>Get Builds</strong></a><br><sub>미러와 릴리즈 경로</sub></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
<img src="docs/assets/latest/hero-shell.png" alt="KoTalk desktop shell" width="920">
|
|
||||||
</p>
|
_플랫한 화이트 톤과 컴팩트한 창 밀도를 기준으로 정리한 현재 데스크톱 셸_
|
||||||
<p align="center">
|
|
||||||
<em>플랫한 화이트 톤과 컴팩트한 창 밀도를 기준으로 정리한 현재 데스크톱 셸</em>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
## Snapshot
|
## Snapshot
|
||||||
|
|
||||||
|
|
@ -105,53 +72,43 @@ KoTalk는 바로 그 비어 있는 결합점을 목표로 둡니다. 이 항목
|
||||||
|
|
||||||
현재 저장소에서 바로 볼 수 있는 화면과 산출물은 아래와 같습니다.
|
현재 저장소에서 바로 볼 수 있는 화면과 산출물은 아래와 같습니다.
|
||||||
|
|
||||||
<table>
|
### Desktop shell
|
||||||
<tr>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="420"><br>
|
|
||||||
<strong>Desktop shell</strong><br>
|
|
||||||
<sub>레일 + 목록 + 대화 중심의 3단 구조</sub>
|
|
||||||
</td>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="420"><br>
|
|
||||||
<strong>Desktop onboarding</strong><br>
|
|
||||||
<sub>첫 진입을 짧게 정리한 온보딩</sub>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="390"><br>
|
|
||||||
<strong>Desktop conversation</strong><br>
|
|
||||||
<sub>대화 흐름과 입력 패널 밀도</sub>
|
|
||||||
</td>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile web inbox" width="220"><br>
|
|
||||||
<strong>Mobile web inbox</strong><br>
|
|
||||||
<sub>최근 대화와 필터 구조</sub>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td align="center">
|
레일 + 목록 + 대화 중심의 3단 구조
|
||||||
<img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile web onboarding" width="220"><br>
|
|
||||||
<strong>Mobile web onboarding</strong>
|
### Desktop onboarding
|
||||||
</td>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile web search" width="220"><br>
|
|
||||||
<strong>Mobile web search</strong>
|
첫 진입을 짧게 정리한 온보딩
|
||||||
</td>
|
|
||||||
<td align="center">
|
### Desktop conversation
|
||||||
<img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile web saved" width="220"><br>
|
|
||||||
<strong>Mobile web saved</strong>
|
|
||||||
</td>
|
|
||||||
<td align="center">
|
대화 흐름과 입력 패널 밀도
|
||||||
<img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile web chat" width="220"><br>
|
|
||||||
<strong>Mobile web chat</strong>
|
### Mobile web onboarding
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
### Mobile web inbox
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### Mobile web search
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### Mobile web saved
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### Mobile web chat
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
전체 화면 묶음은 [SHOWCASE.md](SHOWCASE.md)에서 더 자세히 볼 수 있습니다.
|
전체 화면 묶음은 [SHOWCASE.md](SHOWCASE.md)에서 더 자세히 볼 수 있습니다.
|
||||||
|
|
||||||
|
|
|
||||||
96
SHOWCASE.md
96
SHOWCASE.md
|
|
@ -25,26 +25,23 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
|
||||||
|
|
||||||
### Desktop Screens
|
### Desktop Screens
|
||||||
|
|
||||||
<table>
|
#### Desktop shell
|
||||||
<tr>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="520"><br>
|
|
||||||
<strong>Desktop shell</strong><br>
|
|
||||||
<sub>현재 데스크톱 전체 셸의 구조와 밀도</sub>
|
|
||||||
</td>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="520"><br>
|
|
||||||
<strong>Desktop onboarding</strong><br>
|
|
||||||
<sub>첫 진입에서 먼저 보이는 정보</sub>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<p align="center">
|
|
||||||
<img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="430"><br>
|
|
||||||
<strong>Desktop conversation</strong><br>
|
현재 데스크톱 전체 셸의 구조와 밀도
|
||||||
<sub>실제 대화 화면의 읽기 흐름과 입력 밀도</sub>
|
|
||||||
</p>
|
#### Desktop onboarding
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
첫 진입에서 먼저 보이는 정보
|
||||||
|
|
||||||
|
#### Desktop conversation
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
실제 대화 화면의 읽기 흐름과 입력 밀도
|
||||||
|
|
||||||
## Mobile Web Walkthrough
|
## Mobile Web Walkthrough
|
||||||
|
|
||||||
|
|
@ -59,38 +56,35 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
|
||||||
|
|
||||||
### Mobile Web Screens
|
### Mobile Web Screens
|
||||||
|
|
||||||
<table>
|
#### Onboarding
|
||||||
<tr>
|
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile onboarding" width="220"><br>
|
|
||||||
<strong>Onboarding</strong><br>
|
초기 진입과 가입 흐름
|
||||||
<sub>초기 진입과 가입 흐름</sub>
|
|
||||||
</td>
|
#### Inbox
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile inbox" width="220"><br>
|
|
||||||
<strong>Inbox</strong><br>
|
|
||||||
<sub>현재 받은함 구조</sub>
|
현재 받은함 구조
|
||||||
</td>
|
|
||||||
<td align="center">
|
#### Search
|
||||||
<img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile search" width="220"><br>
|
|
||||||
<strong>Search</strong><br>
|
|
||||||
<sub>검색과 재발견 흐름</sub>
|
|
||||||
</td>
|
검색과 재발견 흐름
|
||||||
</tr>
|
|
||||||
<tr>
|
#### Saved
|
||||||
<td align="center">
|
|
||||||
<img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile saved" width="220"><br>
|
|
||||||
<strong>Saved</strong><br>
|
|
||||||
<sub>보관과 후속조치 허브</sub>
|
보관과 후속조치 허브
|
||||||
</td>
|
|
||||||
<td align="center">
|
#### Chat
|
||||||
<img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile chat" width="220"><br>
|
|
||||||
<strong>Chat</strong><br>
|
|
||||||
<sub>모바일 대화 화면의 현재 밀도</sub>
|
|
||||||
</td>
|
모바일 대화 화면의 현재 밀도
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
## Build And Artifact Shelf
|
## Build And Artifact Shelf
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue