Figmaのプロジェクトのサムネイルをイイ感じにする方法

最近ではSketchを使いつつも、Figmaを仕事で使うことが多くなってきています。段々とFigmaを使うプロジェクトが増えてきてFigma上でのプロジェクトの見え方もうちょっとなんとかならんのかいと思っていたので、ちょっとハック的な感じで対応しました。 本当…

テキストをコピペするだけのFigma Pluginを作りました

こんにちは、くだくらげです。今年のはじめにはじめてのUIデザインという本を共著で書きました。 PEAKSさんから出版しており購入できますので、ご興味ある方はぜひ手にとってみていただけると嬉しいです。 peaks.cc 概要 FigmaにもようやくPlugin機能が公開…

Figma Pluginの作り方(初級編)とTips

こんにちは、くだくらげです。今年のはじめにはじめてのUIデザインという本を共著で書きました。 PEAKSさんから出版しており購入できますので、ご興味ある方はぜひ手にとってみていただけると嬉しいです。 peaks.cc 概要 FigmaにもようやくPlugin機能が公開…

アプリのUI/UXのためのSoundとHaptics Design

こんにちは、くだくらげです。今年のはじめにはじめてのUIデザインという本を共著で書きました。 他の著者さんの章もとっても勉強になって面白い内容になっています。読んでいただいた方からのコメントも嬉しいです。ありがとうございます! PEAKSさんから出…

軌跡

3年ぶりに写真を撮りました。 近所の川で4年ぶりに花火大会があったからです。 なんだか3年前より腕が落ちたような気がして、ちょっとショックです。 当日は背中が寝違えみたいになっていて、ひどく痛かったのでそのせいもあったかもしれません。 昔のように…

DarkModeのデザインを中心とした色彩設計の考え方

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしけれ…

デザイナーもWWDCのビデオを見て勉強すると良い理由

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、頑張って書いたかいがありました。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしければ手…

誰が見てもわかりやすいデザインデータにするための色の管理(by Sketch App)

Design Tools Advent Calendar 2018 - Adventar 近年はSketchのようなUIデザインツールがたくさんあって、それらが出てきたというだけでなく、実際に利用しているユーザーも増えてきましたね。まさに戦国時代という感じです。個人的にもAdobe XDやFigmaなど…

macOSで画面外に出てしまったWindowをキーボードで戻す方法

外部ディスプレイをつないで2画面で作業をしていたり、膝の上にMacを置いて1画面で作業をしていたりを繰り返すと、何らかの条件でアプリによっては画面の外にアプリのWindowが出てしまって、マウスでWIndowを掴むことができず戻せなくなることがあります。…

Lottieでアプリにアニメーションを組み込む話(デザイナー編)

最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている(…

Atomic Design ~堅牢で使いやすいUIを効率良く設計する 読了

昨今ではデザイナーの間でも、アプリやサービスに使われる色やテキストなどをまとめた「スタイルガイド」や、デザインコンポーネントをまとめた「パターンライブラリ」、さらにそれらを全てまとめてドキュメント・原則・思想なども含めた「デザインシステム…

テキストをコピペするだけのSketch Pluginを作ってみた

Sketchを使っていると「こんなPluginほしいなー。作ろうかなー。」と思うことはあっても、なかなか実際に作ろうとはしていなかったので、まず手始めに簡単にできそうなところから作ってみました。 (作ろうと思ってDocument読んだり、Hello Worldしてみたり…

最近見た映画「イヴの時間」「復活の日」「タイムマシン」

最近、友人と話していて話題に出てきた映画をいくつか見てみました。 話題に出てきたのは「イヴの時間」と「タイムマシン」ですが、Amazon Prime Videoで適当に探していてでてきた「復活の日」という古めの映画も面白そうだったので見てみました。 ※ ネタバ…

Sketchをダークテーマにする Midnight - Dark Theme Sketch Plugin が良い

先日紹介した「Sketch Symbols Manager Plugin」につづいて、最近良いなと思ったSketch Plugin「Midnight - Dark Theme Sketch Plugin」です。 単にSketch AppのUIをダークテーマにするというだけのPluginですが、TwitterのアプリやAdobeのApp、自分で作って…

デザイナードローン部 - 亀山ダム・片倉ダム周辺での活動

もともと紅葉を撮りに行く予定だったけど、ズレにズレてクリスマス前になってしまった。 紅葉は過ぎて枯れた山という感じになってしまったけれど、久しぶりに飛ばせたし、DJI Gogglesもメンバーに試してもらえたので良かった。 次は雪景色か桜を撮りに行きた…

スマートホーム×DIY 実践と展望 〜 4. スマートスピーカーへの展望とデザイン

引っ越して2ヶ月ほどの新しい自宅で試したDIYやスマートホーム関連のIoTデバイスなどを実践して試したことについて4回にわたって書いていこうと思います。 INDEX 賃貸DIYでつくる住みよい部屋 実践HomeKitの暮らし スマートスピーカーの設置と運用 スマー…

スマートホーム×DIY 実践と展望 〜 3. スマートスピーカーの設置と運用

引っ越して2ヶ月ほどの新しい自宅で試したDIYやスマートホーム関連のIoTデバイスなどを実践して試したことについて4回にわたって書いていこうと思います。 INDEX 賃貸DIYでつくる住みよい部屋 実践HomeKitの暮らし スマートスピーカーの設置と運用 ← 今回 …

スマートホーム×DIY 実践と展望 〜 2. 実践HomeKitの暮らし

引っ越して2ヶ月ほどの新しい自宅で試したDIYやスマートホーム関連のIoTデバイスなどを実践して試したことについて4回にわたって書いていこうと思います。 INDEX 賃貸DIYでつくる住みよい部屋 実践HomeKitの暮らし ← 今回 スマートスピーカーの設置と運用 …

スマートホーム×DIY 実践と展望 〜 1. 賃貸DIYでつくる住みよい部屋

東京に引越してきた最初に借りた部屋は、仕事から帰って寝るだけの部屋で決して住みよいと思えるようなところではありませんでした。それからと言うもの、少しでも住みやすい部屋というのを引越しの度に考えています。 以前住んでいた部屋でも一応テーマを持…

PDCAを回してDesign Systemを作るための「Sketch Symbols Manager Plugin」

この記事はSketch Advent Calendar 2017 24日目の記事です。 最近ではSketchでのSymbolsのあり方やAtomic Designなどの思想を取り入れたDesign Systemとしてどのように使えるものとするかと言った話をよく聞きます。 Sketch公式で待望のShared Librariesなど…

Apple TV Appのデザインのポイントや注意点など

ここ最近AppleTV関連のアプリのお手伝いしていたりすることもあったりして、個人的にもAppleTVを購入して使っています。購入前は「単なる娯楽商品で絶対いらないでしょ」と思っていたんですが、いざ購入してみるとすごい便利だなーと感心したりもしています…

すこし座れる場所があれば

休みの朝、とは言えいつもと同じように。いや、いつもより早く起きたりなんかするが何をすることがあるというわけでもなく、まずは洗濯やら掃除やらを済ませる。興味がある本は買ってしまう方で、大概何冊かは読みたいと思ったけれど読めていない本や雑誌が…

SketchAppで地味によく使うコマンド

2016年もSketch Appが活躍しました。Adobeはというとほとんど使いませんでした。使ったのはDTP関係のときだけでしたね。 まだまだ不満なところはありますが、十分にSketchを業務で使えるレベルにはなっていると思います。 業務で使うに当たっては、速さも重…

火花

大学はデザイン系の市立大学でしたが、そこに強いこだわりや志があったわけではありませんでした。料理やそれにまつわる食物などには興味があったので、元々は名門大学の農学部に入ってバイオの研究ができたらなんて考えていました。けれども、高校に入って…

ボーナス

はてなという会社に入社した時、なんとなくではありますがアウトローな経歴の持ち主で活躍している方々がいるのが、嬉しかった。こんなことを言うと入社したばかりの下っ端で年下で偉そうではあるけれども、それが本心でありました。 世の中では夏頃と年末頃…

振り返り

サラリーマンであった頃、「振り返り」とは多くの場合それが評価の時期と重なっていました。 最近は関わらせていただいている仕事柄もあって、「評価」や「OKR」というようなことに関して考えることが多いのですが、何かを評価しようと思った時に振り返りは…

メモ帳Webアプリ「Texty」を趣味で作っている

「Texty」というなんのことはない、ただのtext editorみたいなものをときどき作っています。趣味とはいえ私自身は便利に使っています。 作り始めた頃から数えると、かれこれ何年とかかっているのですがようやく完成に向かっている気がします。 経緯 元々は5…

flex box layoutで中に長いテキストなどを含む幅可変要素のレイアウト

久しぶりにcssレイアウトでハマってしまった。 floatレイアウトは一般的なレイアウトとしていろいろとノウハウが溜まっているように思いますが、flex box layoutはまだまだ思いもよらない挙動をすることがありますね。 今回ハマったのは「flex box layoutで…

UNDER-THE-JACK PACKを買いました

前にPrivateの開発・制作環境 2016.02にも書いたように、BetabrandというブランドのUNDER-THE-JACK PACKというバックパックを去年末くらいに購入して使っております。pre orderだったので買ってから2ヶ月くらいして届いて、1ヶ月以上使っているので軽くレ…

Sketch JapanっていうSketchの日本ユーザー向けSlackコミュニティをつくりました

タイトル通りですが、Sketch JapanっていうSlack Teamを1ヶ月前くらいにつくって仲間内でほそぼそとSketchについて話したりしています。 最初からあまりおおっぴらにせずに運用してきたので、今のところは知り合いばかりの少人数コミュニティですが、もう少…