CodeKitHubБұл құрал не істейді?
Slack Чат Генераторы — Slack-тің арна көрінісін қайта жасайтын браузерге негізделген макеттеу құралы — тақырып жолы бар күлгін # арна тақырыбы және әр хабарлама шаршы аватарды, қалың қара пайдаланушы атын, ашық сұр уақыт белгісін және хабарлама мәтінін төменде, көпіршіксіз көрсететін жазық хабарлама тізімінің стилі.
Slack әдепкі бойынша ашық тақырыпты пайдаланады (ақ фон, терең күлгін #4A154B тақырып), Slack жұмыс кеңістіктерінің көпшілігі осылай көрінеді, сондықтан бұл генератор әдепкі бойынша ашық режимде ашылады, Slack-тің қараңғы тақырыбын пайдаланатын командалар үшін қосымша қараңғы режим ауыстырғышымен.
Әрбір хабарлама жолының өз әріптес аты мен аватар түсі бар, сондықтан сіз арнадағы бірнеше әріптес арасындағы шынайы алмасуды имитациялай аласыз.
Тек ойын-сауық және макеттеу мақсатында: өнім демонстрациясының скриншотын жасаңыз, презентация үшін жұмыс орнының сценарийін көрсетіңіз немесе компания хабарландыруының storyboard-ын жасаңыз. Ол нақты жұмыс орнындағы әңгімені, нақты әріптесті еліктеу немесе біреу шын мәнінде айтпаған нәрсенің дәлелін жасау үшін ешқашан пайдаланылмауы керек.
Сіз теретін ешнәрсе құрылғыңыздан ешқашан шықпайды. Бүкіл әңгіме тікелей браузеріңізде HTML Canvas API арқылы салынады, ал PNG жергілікті түрде жасалады және жүктеп алынады.
Оны неге пайдалану керек?
- Өнім демолары мен кейс-стадилер үшін шынайы Slack арна скриншоттарын жасаңыз.
- Slack интеграциясы немесе бот хабарламасы қалай көрінетінін оны құрастырмас бұрын макеттеңіз.
- Презентация үшін жұмыс орнының сценарийін, бейімделу процесін немесе команда коммуникациясының мысалын көрсетіңіз.
- Қолданба үшін Slack стиліндегі чат интерфейсінің прототипін жасаңыз.
- 100% жергілікті рендеринг — әңгіме мәтініңіз серверге ешқашан тимейді.
Оны қалай пайдалану керек
- Күлгін тақырыпта көрсетілетін арна атауы мен тақырыбын орнатыңыз.
- Ашық немесе қараңғы тақырыпты таңдаңыз — Slack әдепкі бойынша ашық.
- Хабарлама жолдарын қосыңыз: әріптестің атын теріңіз, оның аватар түсін таңдаңыз, уақыт белгісін орнатыңыз және хабарлама мәтінін жазыңыз.
- Көп адамды арнаны имитациялау үшін қалаған хабарлама мен әріптесті қосыңыз.
- Тікелей алдын ала қарау жаңартылуын бақылаңыз, содан кейін суретті сақтау үшін "PNG жүктеп алу" түймесін басыңыз.
Мысал
Енгізу
Арна: "content-review" · Тақырып: "Жарияланар алдында жазбаларды жобалаңыз, қарап шығыңыз және жіберіңіз" · 1-хабарлама — Maya Chen: "қайырлы таң команда — келесі аптаның жазбасын жарияланар алдында макеттеп жатырмын. hook-ты тексере аласыздар ма?" · 2-хабарлама — Devon Ruiz: "мен бұны істеймін — жариялау алдында қалай көрінетінін көру үшін мұнда алдын ала қарауды қойдым."Нәтиже
Ашық Slack арна көрінісін көрсететін PNG суреті: тақырып мәтіні бар күлгін # content-review тақырыбы, содан кейін бір-бірінің астында орналасқан екі хабарлама, әрқайсысында түрлі-түсті шаршы аватар, қалың пайдаланушы аты, сұр уақыт белгісі және төменде хабарлама мәтіні бар.Сурет тікелей алдын ала қарау canvas-ында бірден жасалады және бір рет басу арқылы жүктеп алынады — күту жоқ, жүктеу жоқ.
Не теңшей аласыз
- Күлгін тақырыпта көрсетілетін арна атауы мен тақырыбы.
- Ашық немесе қараңғы тақырып, ашық — Slack-тің шынайы әдепкісі.
- Шексіз хабарлама жолдары, әрқайсысында өз әріптес аты, аватар түсі және уақыт белгісі бар.
- Slack хабарлама енімен сәйкес келетін автоматты жол тасымалдауы бар хабарлама мәтіні.
Жауапты пайдалану
Бұл генератор өнім демолары, презентациялар мен дизайн жұмысы үшін айқын ойдан шығарылған Slack стиліндегі скриншоттарды жасауды жеңілдету үшін жасалған. Ол дәлелдерді жасау, жұмыс орнындағы мазалауды сахналау немесе кез келген адамды жалған әңгіме шын мәнінде нақты жұмыс кеңістігінде болды деп ойлауға алдау үшін құрал емес. Егер сіз осы құралмен жасалған суретті бөлісуді жоспарласаңыз, көрермендер бұл нақты әңгіме емес екенін түсінуі үшін контекст қосуды қарастырыңыз (мысалы, "жалған" немесе "макет").
Жиі қойылатын сұрақтар
Бұл құралды пайдалану заңды немесе этикалық па?
Құралдың өзі ойын-сауық, өнім демолары, презентациялар және дизайн жұмысы үшін пайдалануға заңды. Заңды немесе этикалық емес нәрсе — жасалған суретті біреуді алдау үшін пайдалану — мысалы, оны алаяқтық жасау, әріптесті мазалау немесе жала жабу, немесе нақты жұмыс орнының арнасын еліктеу үшін нақты Slack әңгімесі ретінде ұсыну. Сіз тұратын жерге байланысты, мұндай теріс пайдалану алаяқтық, жала жабу немесе мазалау болып саналуы мүмкін. Мұны тек айқын ойдан шығарылған немесе иллюстрациялық мақсаттар үшін пайдаланыңыз.
Құрал менің хабарламаларымды қайдағыдыр жүктей ме?
Жоқ. Сіз енгізетін әрбір хабарлама, ат, түс және параметр браузеріңіздің жадында қалады және JavaScript көмегімен canvas элементіне тікелей салынады. PNG файлы құрылғыңызда жасалады және жүктеп алынады — ешнәрсе ешқашан кез келген серверге жіберілмейді.
Мен бір арнада бірнеше түрлі әріптесті көрсете аламын ба?
Иә. Әрбір хабарлама жолының өз пайдаланушы аты мен аватар түсі бар, сондықтан сіз әрқайсысы өз атын және аватарын көрсететін бірнеше түрлі әріптеспен шынайы Slack арнасын имитациялай аласыз.
Slack-тің ашық және қараңғы тақырыптары арасында ауыса аламын ба?
Иә. Slack-тің әдепкі ашық тақырыбы мен оның қараңғы тақырыбы арасында ауысу үшін тақырып ауыстырғышын пайдаланыңыз. Алдын ала қарау бірден жаңартылады. Егер сіз жалпы аудитория үшін өнім демосын немесе кейс-стадиді жасап жатсаңыз, ашық режимді сақтаңыз, себебі бұл Slack-тің әдепкісі және ең кең танылған көрінісі; егер сіз әзірлеушілерге немесе тәжірибелі пайдаланушыларға бағытталған жұмыс процесін көрсетіп жатсаңыз, қараңғы режим жиірек кездесетін және бірдей шынайы таңдау болып табылады.
Ол нағыз Slack хабарлама көпіршіктеріне ұқсай ма?
Жоқ — және бұл әдейі. Slack WhatsApp немесе Telegram сияқты чат көпіршіктерін пайдаланбайды. Нағыз Slack хабарламалары жазық тізім түрінде көрсетіледі: сол жақта аватар, бір жолда қалың пайдаланушы аты және уақыт белгісі, ал төменде хабарлама мәтіні. Бұл құрал шынайы көрініс үшін дәл осы орналасуға сәйкес келеді.