アプリのUIデザインで使っているツール 10選+
2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS） もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え
[JS]検索ボックスをSafari風デザインにするスクリプト -Safari Searcher
jQuery Safari Searcher demo 検索ボックスのスタイルは通常用とインクリメンタルサーチ用が用意されており、ダウンロードできるファイルには画像やアニメーションgifなど一式が揃っています。 ボックスの幅の対応は画像が500pxのため、それより小さい幅まではそのまま対応できると思います。 Safari SearcherはjQueryのプラグインのため、実装にはjquery.jsが必要です。
秘かに流行っているらしいポリゴンデザインが簡単に作れる無料アプリが本当に簡単すぎた！
これだけです。 はじめに自動で加工をしてくれます。ですが、ちょっと荒いためはじめの点を全て削除します。それから加工したい物の輪郭に沿って点を打っていけば、いい感じにポリゴン化されます。 各ツールについても、簡単に説明をします。 上から順に説明していきます。 About DMesh = DMeshのオフィシャルサイトへのリンク Check Pro Version = 有料版のアプリダウンロードサイトへのリンク Load Image = 加工したい画像を選択 Save As…(s) = 保存 Save Format = 保存形式（Bitmap、Vector、OBJ） BG Color = 背景の色を調節する Mesh Opacity (1~0) = 加工した画像の透明度調整 Point Color = 点の色を調整する Reset Setting = 設定した内容をデフォルトへリセット Get
AdobeがCreative Suite 2など12タイトルの無料ダウンロードを可能に
「Adobe CS2が無料化!?」ということで、AdobeがCreative Suite 2やAcrobat Pro 8などダウンロードリンクとアクティベーション用シリアルナンバーを記載したページを公開しました。このページは、Adobe公式フォーラムにて、顧客の一助とするために公開したページであることをスタッフが認めています。 追記：Adobeが公式に「旧バージョン製品(CS2やAcrobat 7)の正規ライセンスを所有している人向けに提供しているものであり、不特定多数に向けて無償提供しているものではない」とコメントを発表しました 騒ぎは1月6日にAdobeのサイト内に、CS2などのソフトがダウンロード可能なリンクと、そのアクティベーションに使用するシリアルナンバーが記載されたページが登場したことに始まります。 Adobe - CS2ダウンロード http://www.adobe.com/
新Mac OS「Yosemite」のアイコンデザインはどのように変わったのか？
2014年6月3日に行われたWWDC14で最新Mac OSとなる「OS X Yosemite」が発表されました。ヴィジュアルのアップデートが行われたiOS 7に続いて、Yosemiteも曇りガラスっぽい質感のインターフェースや、新しいシステムフォントおよびアイコンなどヴィジュアル面が強化される予定です。そんな改良されたYosemiteのアイコンがどのように変化したのかが検証されています。 Inspecting Yosemite's Icons http://martiancraft.com/blog/2014/07/inspecting-yosemite-icons/ Yosemite以前のOS Xのアイコンデザインは、従来のガイドラインとヒューマンインタフェースガイドライン(HIG)の特徴を組み合わせたものでしたが、Yosemiteのシステムでは一貫してHIGに沿ったアイコンデザインに変
OS X Yosemiteの美しいコンセプトデザイン集
すっきり、ぺったんこー!! 先週WWDCでiOS 8と共に発表されたOS X Yosemiteですが、Mac用アプリのデザイナーたちもYosemiteに馴染むようなコンセプトデザインを次々と発表しています。 リリースにあたりOS X Yosemiteにソフトウェアを対応させるのはもちろんのことですが、フラットデザインを取り入れて違和感のないように溶け込ませるのも大切ですよね。デベロッパーは新しい拡張機能を使って、既存するアプリに機能を加えることもできます。 アップルは数ヶ月後にもOS X Yosemiteを一般公開するようですが、それまでにはたくさんのアプリがアップデートされているはず。もうデベロッパーの皆さんはその時に向けて準備を始めているでしょう。コンセプトデザインを公開できるDribbbleから、人気アプリのものを集めてみました。 Skypeログイン画面 Instagram for
画面内の要素をピクセル単位で測定できるツール「Pixel Winch」 | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
HTML/CSS/JavaScript初歩の初歩
最近HTML/CSS/JavaScriptなどを初学者の方向けに教える機会がすごく増えきました。初学者の方ができるだけ詰まらずに、効率的に学習するための手順をいろいろな方と相談しながら、書きなおしています。 (11-09 12:45) Progate, atomを追加 導入編🐠 Webサイトを作ることは楽しい！ プログラミング経験ゼロだが180日で180個のウェブサイトを作るプロジェクトがゴールまであとわずかに プログラミング経験0のデザイナーさんが、毎日1つサイトを作っていったお話です。最初はテキストとリンクが並ぶだけのサイトでしたが、少しずつゲームやチャットなどが作れるようになっていきます。 今知っている知識だけで、作れるWebサイトを作っていく。そして、自分の知っている2つの知識を組み合わせたり、1つやりたいコトのためのパーツをGoogleに教えてもらうくらいが、挫折せずに続けられ
hitode909の日記
子が小さかったときは、抱っこしながら移動だったので、とっさに手を使わず、しゃがまずに脱ぎ履きできる靴を履いている必要があり、メレルのスリッポンを履いていたのだけど、最近は、ぐうぐう寝てない限りは歩いてくれるので、その必要もなくなってきた。 メレルのスニーカーはかかとが破れ、靴底も真っ平らなので、履いてない革靴を売ってメレルの買い替え費用にするか…と思っていたのだけど、これを履けばいいじゃん、と気づけた。 やっぱり、質感の気に入っているものを使えるのはうれしい。 しかし、子は容赦なく革靴を踏んづけて両足で自立し、革靴を踏んづけたまま歩いていく遊びをする。 「親子 ペンギン歩き」、でググると出てくるやつ。 特集：じゃれっこエクササイズ｜学研 おやこCAN これを、磨いてピカピカにしたばかりの革靴の上でやる。 革靴ペンギン歩き。 ピアノ炎上（ピアノに火をつけて弾くパフォーマンス）、みたいな雰囲気
Photoshopの代替ソフト最有力、Pixelmatorがアップデートされてさらにコスパ良に！ | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
【Macアプリ】Webデザイナー向けの便利なおすすめMacアプリ28個
「なんかもっとこう、サクサクとパソコンをいじれないかなあ・・・・」 Macをお使いのあなたはこんな悩みを抱えたことはありませんか？ 確かに、ショートカットキーを使いながら仕事を効率化したり、ツールを利用して今までよりも何倍もの速さでパソコンで仕事ができたら理想的ですよね。 事実、できる人はすでに便利なMacアプリをダウンロードし、利用しています。 仕事を効率化させるアプリを使うのとそうでないのではスピードに大きな差が生まれてしまいます。 そこで今回は、日々Macを使って止まないあなたに、仕事が今より3倍はかどるオススメのMacアプリを28コ紹介します。 この記事を読むことで仕事を効率化できるアプリを知ることができ、今よりもサクサクにパソコンをいじることができます。 ぜひ参考にしてみてください。 デザイナーさんが仕事が圧倒的にはかどるMacのオススメアプリ10選 Alfred まず紹介したい
Appleがあのブラウンからパクったグッドデザイン10の原則 : らばQ
Appleがあのブラウンからパクったグッドデザイン10の原則 熱狂的なAppleのファンがよくいうセリフに、「それMacが元祖だよ」というのがあります。確かに今では当たり前のドラッグ&ドロップやコンピュータの美しいフォント等々、アップル社が始めてこの世に紹介したものは多いのですが、あんまりなんでもかんでもアップル起源説を唱えるものでよくウザがられてるのを掲示板などで見掛けます。創業者であるスティーブ・ジョブズも「WindowsはMacのコピーだ!」とかパクりであることを言ったりしてますよね。 さて、そんなアップルも本当にゼロから今の製品を作り上げてきたわけじゃありません。マウスとウィンドウシステムはAltoやNLSといった先駆者がいますし、実際ジョブズもAltoを見てMacを作ったことはよく知られています。 そしてApple製品でよく美点としてあげられるデザイン。実はこれも元になったものが
Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービス・手書きツールまとめ | Goodpatch Blog
みなさんはお仕事をされているときに、どのようなツールを用いて作業をしているでしょうか。 何かいいものがないかと探している方、まず何を使ったらいいのかわからないという方など、様々な方がいるかと思います。 先日Goodpatchのメンバーページ(⇒ABOUT)ができたので、今回は、Goodpatchのデザイナーに仕事でどのようなツールやアプリを使っているのか、またなぜ使っているかという理由を聞いてみました。 これらがみなさんの参考になれば嬉しいです！ UIデザイナー(小林幸弘さん) コバさんは、新しいツールやサービスが出たときにはとりあえず新規登録してみて、インタラクションであったり、見た目であったりを確認するようにしているそうです。その中でUIが細かいところまで考えられているものや、個人的に好きな見た目だったら使い続けるのだとか。 4コマノート、Notepod アプリ、スマートフォンサイトの
MacRabbit was here
Here hopped MacRabbit. Makers of some damn good software. Apps that shone bright and some that never saw the light. Norbert the magical rabbit was never real, but the magic was. Espresso and CSSEdit acquired by, alive and kicking at Kangacode Fifteen Crazy Years: A Toast to Life What a wild space carrot ride... Thanks for all the memories, lovely people. Signing off, Jan (this guy, also on Twitter
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
OmmWriter
OMMWRITER A perfect place to think and write _ A perfect place to think and write OmmWriter is a tool which makes it easier for you to concentrate. Based on a natural setting, it effectively insulates your mind from distractions and sets up a direct line between your thoughts and your words. As if you were alone, you'll hear your inner voice clearer than ever and you'll be able to delve deeper int
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[M]フリーランスWeb屋の私がiMacを購入してすぐにインストールしたおすすめMacアプリ30個＋2個 | miMemo(ミメモ)![[M]フリーランスWeb屋の私がiMacを購入してすぐにインストールしたおすすめMacアプリ30個＋2個 | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b73f13f0e221842610c4e2a65c38f571172b7b4b/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2015%2F04%2Fimacapp_sum.jpg)
Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit
【追記あり】Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」 - Suikolog
