전체 글61 반응형 웹 디자인을 위한 디바이스별 스크린 사이즈 반응형 웹디자인을 하던 중 사이즈 기준이 헷갈려서 구글링을 하다가 아주 유용한 사이트를 발견했어요 http://screensiz.es/ Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices screensiz.es Screen Sizes 에서 현존하는 스마트폰, 테블릿, 데스크탑의 크기를 한번에 확인하실 수 있어서 정말 편하더라구요 최상단 아이콘을 누르기만 하면 모든 사이즈를 다 알수있다니.. 이제 반응형 웹 디자인할 때 사이즈로 헷갈리지 않을 수 있겠어요. 그럼, 모두 편하고 즐거운 웹 디자인 되세요~ 2023. 10. 5. html,CSS - 더보기, 숨기기 코드 내용을 작성해주세요. value="더보기" => 초기 버튼 문구입니다. style="display: none; => 첫 화면에서 내용이 보이지 않도록 해줍니다. 더보기와 내용 순서를 바꾸면 화면상의 위치도 바뀝니다! 2023. 10. 5. 효율적인 디자인 업무방법(경험을 바탕으로 작성) 인쇄파일 관리 작업 1개당 - 파일 2개 보관 글자 깬 파일 인쇄소에 넘겨줄 때 글씨를 깨서 줘야한다 글자 깨지않은 파일 수정사항이 생겼을 때 바로 수정 가능한 파일 영상파일 관리 원본 파일 관리는 필수! 수정사항이 생겼을 때 바로 수정 가능한 파일 용량이 크다면 구글 드라이브나 USB에 넣어두도록 무심코 지웠다가 더 개고생하는 경우가 생길 수 있다! 레이어 정리 연습 단체작업 = 레이어 별 정리 일러스트레이터나 스케치 파일을 작업할 때 레이어별로 구분하는게 단체작업에서 이쁨받는 팁! 항상 작업시 이름지정과 항목구분을 잘해놓자 미래의 나 나중에 정리하느라 쓰는 시간을 절약할 수 있게 2023. 10. 5. [디자인 꿀팁] 신입 디자이너라면 꼭 알아야 할 무료 폰트 2 안녕하세요! 타이틀 폰트로 디자인 퀄리티가 크게 좌우되곤 하는데요 오늘은 타이틀로 쓰면 좋을 저작권 무료 폰트 5가지를 들고왔습니다~ 신입 디자이너였을 때 알았으면 참 좋았을걸 생각하는 폰트들 추천 시작합니다! 1. 평창평화체 https://www.pc.go.kr/portal/intro/intro-summary/pcFont 평창군입니다. 평창행정 www.pc.go.kr 2. 창원단감아삭체 가독성도 좋고 부드러워서 한글이던 영어던 사용하기 참 좋았어요 https://www.changwon.go.kr/depart/contents.do?mId=1006160000 창원단감서체 | 농업기술센터 | 농업/환경 | 창원시 분야별 정보 www.changwon.go.kr 3. 이누아리두리네 모서리 부분이 동그랗고 폰트의.. 2023. 9. 20. [주식공부] 로봇주 관심 높아지는 중 오늘의 급등주 분석 https://www.sedaily.com/NewsView/29UJWXYURF [주식 초고수는 지금] 대기업 진출에 로봇주 관심집중…에스비비테크 순매수 1위 미래에셋증권(006800)에서 거래하는 고수익 투자자들이 4일 오전 가장 많이 순매수한 종목은 에스비비테크(389500)으로 나타났다... www.sedaily.com 1위. 에스비비테크 산업용 로봇의 핵심 부품인 하모닉 감속기의 전 제조공정을 수행 급등이유 1. 최근 두산로보틱스를 포함한 국내 주요 로봇 기업과의 협업으로 정밀 감속기 테스트 및 양산을 논의 중이라는 사실에 투자자들의 관심 2. 두산로보틱스가 다음 달 조 단위로 상장을 추진하고 있다는 점 역시 로봇주에 대한 투자심리를 개선 2위. SK하이닉스 급등이유 1. 삼성전.. 2023. 9. 4. [디자인꿀팁] Web, App UI 여백 사용 꿀팁 럭셔리한 디자인의 비결 : 여백 여백을 잘 사용한 디자인은 가독성이 좋기 뿐만 아니라 럭셔리함을 느끼게 한다. 그래서 대기업의 홈페이지나 고급화장품의 브로슈어 디자인 같은 경우 화려하지 않은데 압도감을 느끼게 하는 디자인이 많다. 그들의 공통점은 여백을 적절하게 또는 과하게 사용했다는 것이다. 별 것 넣지 않아도 느낌있게 적절히 여백을 사용을 할 수 있는 능력이 진짜 디자인 고수라고 느낀다. https://www.youtube.com/watch?v=YNDhbNQo_io 디자이너의 디자이너이신 마디아님 께서 올려주신 실무 여백 특강을 분석해보자! 여백이란? 각각 오브젝트 사이의 공간 값을 말하며 중요한 디자인 요소 중 하나이다. 여백의 역할 집중해야 할 곳을 알려준다. 시선 분산을 막아준다. 여백을 활용한.. 2023. 9. 1. [주식공부] 오늘의 급등 이슈 정리 https://www.sedaily.com/NewsView/29TMD5SKVA/GA01 [주식 초고수는 지금] 오버행 우려 극복한 파로스아이바이오 순매수 1위 미래에셋증권(006800)에서 거래하는 고수익 투자자들이 31일 오전 가장 많이 순매수한 종목은 파로스아이바이오(388870)로 나타... www.sedaily.com 1. 파로스아이바이오 💊인공지능 신약개발업체 📈급등이유 분석 1. 상장 후 1개월간 매각 제한 된 기존 투자자들의 물량이 풀렸음에도 주가가 급등했다 2. 주요주주가 오버행(잠재적 매도 물량)우려를 낮추기 위해 자발적으로 주식 의무보유기간을 2년 늘리고 상장 이후 꾸준히 장내 매수로 주식을 사들였다 >> 긍정적 평가 2.에코프로 ⚗️대기오염 제어 관련 친환경 핵심소재 및 부품 개발/이.. 2023. 8. 31. 주식아 점심값만 벌어다 주라 꾸준히 하는 것도 재능이다 코로나 붐으로 부동산과 주식의 열기가 내 관심과 함께 식었었던 지난 2년간, 나는 주식창에 일절 들어가지 않았다. 나의 얕은 지식으로는 비빌 수 없는 곳이라는 걸 은연중에 느꼈던 걸까. 22년에 다 털고 나와 신포도 보듯이 주식하면 망한다고 생각했다. 사면 올랐던 때는 공부하지 않아도 익절할 확률이 높았다. 하지만 지금은 깊이 공부를 해야 호구당하지 않고 주식시장에서 살아남을 수 있다. 아침에 일어나면 종가와 이슈를 체크하던 날의 열정이 꿈같고 그때 공부했던 용어들이 낯설다. 내 주식 계좌에 거미줄이 쳐지는 동안 꾸준히 주식을 공부하는 사람들은 경험을 쌓으며 실제로 돈을 벌어들이고 있었다. 서른을 바라보며 꾸준히 열정을 유지하고 행동하는 능력이 재능이라는 것을 깨닫는다. 그래,.. 2023. 8. 31. 🖥 최소 컴공과 교수님의 컴퓨터 성능 명강의 바야흐로... 에타에 누군가 컴퓨터 성능 모르겠다고 올렸다가 익명인들이 성능을 이해가 쉽게 비유로 설명해 줌. 코어 = 노예 옥수수=데이터인 듯 성능 뜻 코어의 수 니가 부릴 노예의 수 쓰레드 니가 부릴 노예의 손 갯수 오버클럭 노예가 발까지 써서 옥수수 수확 캐쉬 메모리 노예가 짊어지고 있는 백팩 램 노예가 준비한 리어카 하드 디스크 수확한 옥수수의 저장 창고 i3 노예가 3마리 i5 노예가 5마리 i7 노예가 7마리 i7 - 10900 10년도생 노예의 손이 900개 = 7마리의 10년에 태어난 젊고 팔팔한 노예가 손이 900개라서 옥수수 수확도 빠름 =10년900손=10900 램 다다익선 이유 옥수수 엄청 많이 땄는데 리어카가 작아서 한번에 창고로 못 가져감 그래픽카드(gpu) 옥수수 말고 다른 거.. 2022. 10. 28. [디자인꿀팁] 무료 아이콘 사이트 모음 작업시간을 단축시키는 무료 아이콘 사이트 모음 아이콘은 아주 작은 요소지만 작은 디테일로 디자인의 분위기를 좌우하기 때문에 작업물의 퀄리티에 큰 영향을 끼친다고 생각한다. 그렇기 때문에 디자이너들은 양질의 아이콘만 사용해도 작업 시간에 반비례한 디자인 퀄리티를 얻을 수 있다. 여기 시간 없는 디자이너를 위해 아이콘 작업 시간을 단축시켜주는 무료 아이콘 사이트들이 있다. 1. Remixicon 자주 사용하는 아이콘 사이트. 업데이트가 자주 되고 있는 편이다. https://remixicon.com/ Remix Icon - Open source icon library remixicon.com 2. Fontawesome 유료, 무료 아이콘이 있다. 개발시 사용하기 편하게 코드도 제공한다. Pro버전은 무료버전.. 2022. 7. 22. [내일채움공제] 3000만원 수령 후기 이제는 사라진 3년형을 2019년도 부터 진행했었고, 2022년 4월에 3천만원을 수령했다. 내일채움공제는 만기일 이후 2개월 후에 들어오기 때문에 조금만 인내해야한다. 액수를 보고 3년간의 고생을 털어버렸다. 사수없는 신입의 막막함과 두려움을 태워 성장의 원동력을 삼았다. 지금은 재택근무하며 연봉도 후하게 받고 있다. 앞으로의 인생도 이렇게 헤쳐나갈 수 있다는 자신감을 얻었다. 우리가 사는 세상은 냉정하고 노력하는 사람에게 모질지는 않은가 보다. 노력에 운까지 더해준다면 꽤 만족스러운 인생을 살 수 있다는 것을 느꼈다. 앞으로 올 운에 대비해 열심히 노력해둬야지. 태풍같은 후련함 뒤에 미풍같은 허탈감으로 내일을 향해 날아야지. 3년의 피땀눈물과 바꾼 3천만원은 앞으로의 미래를 위한 씨드머니가 될 것이다. 2022. 5. 19. 22.04_구글 애드센스 수익률이 소소하게 오르고 있다. 2월부터 4월까지 이사와 이직으로 블로그 업로드를 많이 못했더니 구글 애드센스 수익에 별 차이가 없었다. 하지만 3.48에서 3.70으로 0.22달러 정도의 수익을 벌어들였다. 아무것도 안하고 2달 반 동안 300원 정도를 번 것이다. 이렇게 소소한 금액이 쌓이면 생활에 도움이 될 만한 불로소득을 벌어들여 일 수 있는데, 사람들에게 도움이 되는 포스팅을 위해 어떻게 정보를 전달할 것인가 고민을 하게 된다. 남을 도우면서 나의 이익을 얻을 수 있다는 건 참 의미있는 일이다. 그래서 애드센스가 사회에 기여하는 바가 많다고 생각한다. 100달러를 돌파하여 이익실현을 하는 날까지 좋은 컨텐츠를 이 블로그에 쏟아낼 수 있는 꾸준함이 오래 지속되면 좋겠다. 2022. 4. 20. [디자인 스터디] 2022년 UX/UI디자인 트렌드 2022년의 해가 떴으니 새로워질 디자인 트렌드를 공부하자! 올해도 디자이너들 화이팅! 요즘IT > 디자인 > 2022년 UX/UI 디자인 트렌드 from.요즘IT의 번역글들 2022년 UX/UI 디자인 트렌드 | 요즘IT 2022년에는 어떤 디자인이 유망할지 알아볼 시간입니다. 새로운 기술과 트렌드가 익숙한 표준이 되기 전에 미리 유망한 디자인을 예측해서 한 발 앞서 나가는 디자이너가 되어봅시다. 자, 그럼 yozm.wishket.com 이제 당연한 것으로 자리잡은 트렌드 다크모드 3D 일러스트레이션 - Spline 디자인 시스템 글래스모피즘 2022 UX/UI 디자인 예측하기 가상현실(Virtual Reality)/혼합현실(Mixed Reality) 노 코드(No Code) - webflow 모바일 .. 2022. 1. 6. [디자인꿀팁] UXUI 스터디 사이트 모음 1. 요즘IT - 프로덕트 IT전반적인 이야기를 들을 수 있다. 각 회사의 내노라는 전문가들이 모여 각자의 지식을 공유하는 플랫폼이다. 디자인 뿐 아니라 기획, 개발, 프로덕트 등 최신 이야기를 접할 수 있다. https://yozm.wishket.com/magazine/list/product/ IT 프로덕트 이야기들 | 요즘IT 요즘 IT 이야기가 가득한 요즘IT yozm.wishket.com 2. 디자인나침반 디자인 프로덕트를 중심으로 스터디 할 수 있는 블로그다. 디자인 관련 뉴스, UX, UI, 프로덕트 등 양질의 정보를 얻을 수 있다. 뉴스레터 구독하면 메일로 컨텐츠를 보내준다. 메일 확인할 때마다 디자인 세포를 건드릴 수 있어 구독해두면 좋다. https://designcompass.org/ .. 2022. 1. 5. [디자인 스터디] UX Writing 의 정의를 접하다 디자인 나침반으로 부터 메일 한 통을 받았다. UX를 위한 글쓰기라는 타이틀이 메력적이라 클릭해보았는데 내용이 알차고 재미있었다. 지금껏 느껴온 불편을 문장으로 정의내려 주었다. UX 글쓰기는 고객과 제품의 '대화'를 디자인한다는 정의가 굉장히 인상깊었다. 사용자가 원하는 답을 짧고 빠르게 알려주는 것. 인터페이스에서 글쓰기는 사용자와 관계를 맺는 것에 중요한 역할을 하기 때문에 장황하지 않고 쉽고 간결하게 대답해주는 것. 간결하고 명확한 UX글쓰기를 적용하지 못했던 것은 혹시나 모를 사용자의 실수를 방지하기 위해 설명을 덛붙혔기 때문이었다. 설명을 위한 욕심을 버리고 좀 더 간결하게 덜어낸다면 좋은 UX 글쓰기를 할 수 있을 것이다. https://brunch.co.kr/@blckschrl/103 UX.. 2022. 1. 5. [Flutter] 반응형 웹 만들기 반응형 웹을 만드려면 우선 PC/Tablet/Mobile의 사이즈 정의가 필요하다. 1200px/976px/500px 기준으로 미디어쿼리를 이용해 width와 height의 길이에 따라 UI가 사이즈에 최적화 되도록 하였다. MediaQuery와 width/height Widget build(BuildContext context) 내부에 MediaQuery 코드를 입력한다. Widget build(BuildContext context){ print('width : ${MediaQuery.of(context).size.width}'); print('height : ${MediaQuery.of(context).size.height}'); var width = MediaQuery.of(context).size.. 2022. 1. 5. [내일채움공제] 3년형 완납 후기 36번째 스탬프를 찍었다. 3년의 발자국이 뿌듯함과 후회의 낙인을 찍었고, 그동안 차곡차곡 쌓인 지원금이 벌써 3천만 원이다. 시간을 돈으로 환산한다면 이런 느낌일까. 월마다 따박따박 통장에 꽂히는 월급과는 느낌이 퍽 다르다. 이 돈에 어떤 의미가 담겨있는 걸까. 표면적으로는 3년 동안 잘 버틴 성과금이다. 누군가는 받고 뿌듯함만 남았을 것인데, 나는 이 돈이 무섭다. 세상에 공짜는 없어서 나의 어떤 가치를 맞바꾸었는지 생각해본다. 이 돈의 의미를 스스로 정의해야 하는 시간이 필요하다. 3천과 바꾼 것은 무엇일까. 1. 나라에서 지원하는 중소기업 키우기 정책에 동참 2. 중소기업에서 사수 없이 낮은 연봉으로 시작한 고생 3. 그런데도 열심히 실력을 키운 노력 그러므로, 이 3천만 원은 척박한 타지에서 희.. 2022. 1. 5. [일기] 지난 3년의 업무를 돌아보며 나는 참 운이 좋은 사람이다. 3년 전, 무작정 서울의 작은 스타트업 디자이너가 되었다. 1인 디자이너로 회사의 모든 디자인 업무를 담당해야 하는 디자인 책임의 역할을 받게 되었는데, 지금 생각해보면 어깨가 무거운 무모한 도전이었다. 아무것도 없는 황무지에 꽃씨를 뿌리고 물을 주는 것과 같았기 때문에, 어떤 열매가 맺힐지 모른 체 무작정 힘을 쏟았다. 신입 디자이너를 믿고 일을 던져 준 동료들에게 늘 감사하다. 그리고 지금의 나를 있게 한 그때의 나에게 감사하다. 처음엔 어색했지만, 이젠 서로의 전환점에서 미래를 함께 걱정해주고 도와주겠다는 사람들이 되었다. 참 감사한 나날이다. 맨땅에 헤딩하는 마음으로 시작했다. 폴더 링도 서툴렀던 25살이 자연스럽게 디자인 시스템화를 하고 있는 걸 보면, 참 많이도 .. 2021. 12. 30. 이전 1 2 3 4 다음 반응형
