자신에 대한 고찰

Expression Blend의 중요 기능 중 하나인 애니메이션을 이용해서 SketchFlow를 꾸면보는 시간을 가지겠습니다. 역시 첨부파일을 통해서 제공되고 이걸 Expression Blend로 여시면 되겠습니다. 자 Boots 페이지로 가면 전에 있는 페이지에 여러 부츠들이 놓여져 있는 것을 확인할 수 있습니다. 여기다가 애니메이션 효과를 삽입하기 위해서는 Window 항목에 있는 Sketchflow Animation이란 것을 활성화시켜야 합니다. 사실 이 항목을 켜면 디자인 뷰 위에 새로운 창이 활성화됩니다. 사실 Expression Blend라는 툴이 조금은 넓은 모니터 환경을 요구합니다. 물론 작은 모니터에서도 쓸 수 있지만 불편합니다. 되도록이면 데스크탑에서 넓은 화면에서 작업하시는 것을 추천..

이번 포스팅에서 해볼 일은 시각적으로 State에 따른 상황 변화를 줄 예정입니다. 이전과 마찬가지 첨부파일을 열고 Expression Blend로 열어봅시다. 자 우선 Flowmap 상의 LiveChat을 지난 시간에 링크를 건 것처럼 Bindings 창에 드래그를 해봅시다 그럼 당연히 Bindings 페이지 상에도 LiveChat Component가 생성될 겁니다. 그런데 생각을 해보면 항상 LiveChat 창이 떠 있어야 하는걸까요? 좀만 생각해봅시다. 상담원이 24시간 있는 것도 아닐거고 그리고 항상 떠 있는 것보다는 필요한 사람한테만 뜨는 건 어떨까요? 그래서 등장하는 개념이 바로 State입니다. 이 개념은 Expression 상에서도 Window - State 창을 통해서 확인할 수 있습니다..

다음 내용은 Navigation 기능을 삽입하는 겁니다. 역시 첨부파일을 통해서 따라가보도록 하겠습니다. 우선 Boards 페이지로 넘어가면 여러가지 버튼들이 있습니다. 이 중에서 CheckOut 버튼을 활성화시켜보겠습니다. 이 버튼을 선택한 후 마우스 우클릭으로 들어가면 맨 마지막에 Navigate To 항목이 있습니다. 당연히 Checkout 버튼을 누르면 checkcout 페이지로 넘어가야겠지요. 그걸 선택해줍니다. 이 메뉴에서는 Map상에 떠 있는 모든 페이지의 종류가 나타납니다. 만약 연결이 안되있는 페이지라도 이 페이지를 통해서 Navigate를 시켜주면 자동으로 선이 형성됩니다. 자 이제는 반대로 Check out 페이지로 갑니다. 지금 보이는 창에서는 버튼이 제대로 동작하는지는 확인할 수 ..

지난 포스팅에 이어서 4번째 내용입니다. 지난 시간과 마찬가지로 첨부파일을 통해서 계속 진행해보도록 하겠습니다. 처음보면 이런창으로 되어 있는데 이번 시간에 다룰 Component 개념을 설명하기 위해서 window에서 새로운 것을 삽입해야합니다. 바로 Object and timeline 창입니다. 상단 메뉴바에서 해당란을 선택해주시면 좌측하단에 다음과 같이 창이 삽입됩니다. Expression Blend에서 이 Objects and Timeline 창은 중요한 역할을 합니다. 물론 이미지를 변경시키거나 꾸미는 것은 아니지만 적어도 창의 배치를 어떻게 할지는 결정할 수 있습니다. 그리고 무엇보다도 애니메이션을 삽입할 수 있다는 게 큰 특징이지요. 사실 위의 Welcome 페이지에선 지난 시간에 배경을 삽..

4번째 강의인 Adding Sketch Style Controls to Enhance a Layout 입니다. 지난 시간에 사용한 Assets 중에서 Sketch안에 포함되어 있던 SketchStyle을 사용한 디자인입니다. 하나씩 스탭바이스탭으로 따라가보도록 하겠습니다. 이번 프로젝트도 지난 시간에 한 프로젝트를 그대로 따라해도 되지만 역시 바로 실행 할 수 있도록 첨부파일로 올려드립니다. 그걸 푸셔서 Expression Blend로 실행시키면 됩니다. 자 우선 Boards 부분을 열면 다음과 같은 화면이 있습니다. 뭔가 횡하기 때문에 뭔가로 채워보겠습니다. 우리가 쓸 Assets은 SketchStyle 중 Rectangle입니다. 바로 여기 있습니다. 여기서 선택한 후 원하는 위치로 드래그 앤 드롭을..

이번 포스팅에서는 Sketchflow를 통해서 기본적인 Layout을 잡는 작업에 대해서 언급해보도록 하겠습니다. 물론 이전 프로젝트를 계속 가져와서 사용해도 되겠지만 귀찮으므로 첨부파일을 풀어서 Expression Blend로 실행해보도록 하겠습니다. 딱 flow map이 보이는데 가장 처음에 있는 Start 스크린을 열어보면 참 횡합니다. 그래서 여기를 채워주도록 하겠습니다. 이 프로젝트 자체가 Snowboard 이기 때문에 여기는 산을 하나 그려줍니다. 자 개체를 그리기 위해서는 Pencil 툴을 사용해야 합니다. 그런데 툴바에 보면 Pen 툴밖에 없습니다. 어떻게 해야 될까요? 이때는 Pen 툴을 선택한 후 마우스로 홀드를 하면 안보이던 Pencil 툴이 생성됩니다. 이 툴을 사용하면 개체를 자유..

어떻게 SketchFlow라는 툴은 정말 계륵같은 존재인 듯합니다. 막상 겉에서 보기에는 좋아보이기는 하는데 실제로 건들여보면 굳이 이런 작업을 해야하나 싶을 정도로 느껴집니다. 하지만 윈도폰용 Sketchflow를 다룰 때도 말씀드렸지만 이 툴은 단순한 개발자의 툴이 아닌 기획자가 직접 그려보면서 앱의 개요을 만들 수 있기 때문에 그런 용도에서는 가장 최적화된 툴이 아닐까 싶네요. 아무튼 인터넷에 이와 관련한 강좌가 있어서 소개해보고자 합니다.우선 보신 분들도 아시겠지만 이 SketchFlow는 Expression Blend에 껴서 설치됩니다. 이번 포스팅에서 다룰 내용은 Silverlight를 활용해서 하나의 프로그램을 만들어보고자 합니다. 우선 Expression Blend를 여시고 지난번 윈폰용 ..