サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Appleイベント
maka-veli.com
今の時刻は22:01 朝09:00に出社し、朝一番で社内で各自プレゼン。意見を出し合い、会議の場を盛り上げるために気を使い、どんな事が全体スキルの向上やスタッフのモチベーションに繋がるかを考える。ただ、そんな時でも時々、自分の事ばかり考えてる事に気づく。自分の為に考えている。 午後になり、新しいツールを試してみたり、SNSでシェアされた記事を読み漁って新しい手法を試してみる。こういった時はいつも楽しい。楽しいことは気づかないうちにとても集中してしまって他のことをすっかり忘れて没頭する。が、クライアントからの電話や緊急事態、上司部下からの急な相談・頼みごと等でせっかく楽しい時間も少ししか取れない事に少し苛立ちをおぼえる。 緊急対応や予定していたタスクを終わらせ、夕方になり、自分への連絡がほぼなくなった頃に大きめの仕事に取り掛かる。制作や企画は、途中で声をかけられるととても効率が悪い気が
この手の記事を書くのは何度目だろう。そして前にも書いてると思う。 ブログを書く理由なんてのは、人それぞれで、目的も皆さん色々あるでしょう。 僕がブログというモノに手を出した理由の一つにアウトプットがあります。 本やネット記事なんかを読み漁っていると、なんとなく自分に落とし込みたくなります。 作れるものなんかは、実際に手を動かせばいいだけなのですが、”考え方”みたいなものはどうも頭の中でモヤモヤしてしまい、なんとなく整理したくなる性格のようで、今回もこのネタを頭の中で整理するためにMacを取り出し”Kickflip”を立てソファーで寝転び”Alternote”でメモをしています。 この習慣こそが僕のブログそのもの。 僕の記事は、基本的に読み物系が多いです。 何かサンプルを出したり、まとめたり、ってのはブログ立ち上げ当初、存在意義を見出す為に意識してやっていました。 「あの人あ
Simple ー単純明快であり 喫煙者の肺から抽出したインク The Message from the Lungs (Thai Health Promotion Foundation) from Bbdo Proximity Thailand on Vimeo . Unexpected ー意外性を持たせ テレビでも紹介され話題になった、実は○○○○のCM 宮崎県小林市 移住促進PRムービー “ンダモシタン小林” Concrete ー具体的に Just a normal poster right? You’ll be surprised… #ProbablyTheBest #Shoreditch pic.twitter.com/ldsB53kkMZ — Carlsberg UK (@CarlsbergUK) 2015, 4月 8 これ以上無いリアル。実際にビールが出てくるポスタ
WEBデザインにおけるセオリーの定番はいくつかある。 規則・不規則、動線・導線、配色、利便性、アクセシビリティ考慮や、人間工学に基づく動作設計。 挙げるとキリが無いので、ぜひこの記事を書いた発端である「Webデザインセオリー Advent Calender 2015」にきっと有用な記事がこれからたくさん挙がるので乞うご期待! 僕個人として、セオリーと聞いて先ず一番に思ったのは OS・ブラウザ・デバイスに対する適切な設計 デザインツールや紙の上だけでデザインすると、どうしても抜けるところが出てくるので、やはりPCやスマフォ実機テストやプロトタイプテスト、出来るだけ本番に近いサーバ環境でのテストサイト構築がWEBデザインでも重要なのは変わらないところ。 気をつけたいポイント OSやブラウザそのものが持っている動作を損なわないこととか。 PCだったら、スクロールや右クリック、マウス
以前、Markdown使えるしEvernote使うには「Marxicoいいよー」と書きましたが、いくらChromeアプリだとは言え、やはりWEBアプリでなくMacのネイティブアプリでサクサク動かしたいなーと思っていました。 Evernoteは書き溜める為に使っているので、思い立ったらすぐ書き込める方が助かります。WEBアプリだと、一瞬だとはいえロードの時間でさえもどかしく感じる事があります。で、探しているとAlternoteというモノに出会いました。というか正直、結構早い段階でこちらに切り替えてました。。 特徴としては 検索も同期も早い コンパクトなWIZYWIG Retinaもバッチリ ナイトモードがある 美しい なんといってもキャッチが The Beautiful OS X Note-taking App for Evernote. ですからね。 せっかく美しいMacなので
投稿できるPlayerになるには招待制というちょっとハードルの高いデザイン投稿SNSのDribbble。 ハードルを設ける事で良質なデザインが集まってるわけですが、そんな良質デザインを見て勉強するなら、どうせなら見る物にもこだわりたいところ。 今ではiPhoneでもサクっと見れるアプリが集まってきたので個人的にオススメするDribbbleクライアントアプリをご紹介。 ZEEEN – Dribbble client for iPhone – ZEEENの良いところはムダの無いUIで画面も大きくとってるので作品をしっかり堪能出来るところですね。 ぱっと見はシンプルなんですが、作品のメインカラーをBGに使ったり、細かいアニメーションにも拘っていて使っているだけで純粋に楽しめます。 とにかくオススメ Balllin ~ a Dribbble client ZEEENが出る前はBalll
最近、色を当てるゲームみたいなのめちゃくちゃ流行ってますよね。 でもこの「Color」は本当に難しかった・・・ よくあるような、タイル状の色をクリックするのではなく、色相環から当てるゲームなんですが HUE SATURATION COMPLEMENTARY ANALOGOUS TRIADIC TETRADIC のステップがあり、合わせる色がTETRADICではもう4箇所合わせていく事になってきます。 HUE これは色相だけなので割りと簡単 SATURATION 彩度が加わり、少し難しくなりました。 COMPLEMENTARY 補色も加えて合わせていきます。 補色は色相環で、対向位置にあるので片方当てるだけ。SATURATIONと大差無いですね。 ANALOGOUS 1つの色に対し、他に2つの類似色を合わせていきます。 この辺りから難しくなってきますね。 3つの彩度を合わ
結構前から試してはいたんですが、なぜかその時はしっくり来なかったので使わなかったんですが、最近、特に書物が多くEvernoteのWEB版も変わってから未だに慣れず、どうもしっくり来なかったので改めて試してみると、とても使いやすかったのでこのタイミングでご紹介。ご存知の方も多いはずですが。 MarxixoはMarkdownで書けるWEBサービス、及びChromeエクステンションで、Evernoteと連動させる事でノートの読み書きを自動で行ってくれます。 実際の画面はこんな感じ。 左が入力で右がプレビュー テーマも変えられるし プレビューいらないよーって人は入力モードだけでもOK ちなみに @(ノートブック)[タグ|タグ|タグ] と書いておくとEvernoteの方のノートブックとタグに紐付けられます。 Evernoteの接続が完了してれば入力時に候補ちゃんと出る。 ドックを
「コミュニケーションデザイン」の事では無く、人と人とがコミュニケーションする事自体と、デザイン自体の事を少し書きます。 最終的にはコミュニケーションデザイン、つまり我々のような受託や広告代理店としてデザインを使ってコミュニケートするところの話に辿り着きますが、それよりもう少し手前のお話。 人と人とがコミュニケーションをする 仕事をしていて、よく起こる現象の1つに「この人、何言いたいのかよくわからない」という事があると思うのですが、ビジネスシーンでは「コミュニケーション能力が足りない」とかって叱られる事があると思うんですよね。似たような事で、ホウレンソウが足りない、とか。 上記のような問題で、主な原因を整理せずに羅列してみます。 聞き手の事を想像できていない 話のストーリーが整理できていない 人に伝わりやすいタイミングがわからない 相手が情報を欲しいと思うタイミングがわからない 伝え
最近よく聞くようになりましたね。 レスポンシブデザイン同様、サイズに合わせて変わりますが、ロゴは視認性の問題から、その体形を変えていきます。 シンプルになる、というのが一番わかり易いと思います。 VIなどの過程でロゴのパターンを用意している事も多いと思いますが、その場合は規定に沿って変形させるべきでしょう。 大体は大きな順から フルサイズ用に細かい部分まで作られたロゴデザイン ↓ 一部の要素を簡素化、あるいはサイズダウンやタイポグラフィの省略 ↓ モチーフとタイポグラフィを横並びに ↓ モチーフ部分のみになり更に簡素化 といったパターンが多いと思います。 無い場合は、このサイトではレスポンシブロゴのサンプルを見る事が出来るので参考にしてみてはいかがでしょうか ブラウザ幅を変えて確認してみてください。 responsivelogos.co.uk http://
画像をレイヤー(フォルダ)事に自動で吐き出してくれる便利な画像アセットの抽出。 Slicy使えよって言われるかもしれないですけど、PSDだけで管理・完結出来るのは個人的に嬉しいし、そもそもWindowsなんでSlicy使うだけにMac開いてデータ渡してってのも面倒なんです(なら最初からMac使えよって声が聞こえる気がする) 画像アセットについてはこちらの記事がわかりやすいと思います。 photoshopの「レイヤーからの画像アセット」機能でスライス切りからサヨナラできるかも。 | バニデザノート http://vanidesign.blog.fc2.com/blog-entry-145.html すいません、記事見て思い出したので完全に便乗記事です。。むしろあちらの記事を見て下さい。 で、余白入れたい時の対処ですが、タイトルの通りです。 マスクかけておけばOKです。複数レイヤ
事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 以下の6つのツールはロガスターのおすすめです。 文字通り数分で、シンプルかつ綺麗な画像やロゴが、誰でも作れます! 1. LiveLuvCreate LiveLuvCreateはほとんどの人が使いやすいと感じる画像作成サイトです。 LiveLuvCreateを使えば、一つの背景画像から複数画像のコラージュまで、様々な種類のデザインレイアウトから選ぶことができます。三つのテキストエリアでは沢山
どっぷり世界観に入らせるメタファとか、コラージュとか非現実的の中間な感じも好きだし、もちろんリアルを追求したデザインとか、やっぱこういうの、好きだなぁ… OhDeer Games! http://www.ohdeergames.com/ スクロールすると本の中に入ってく。楽しい。 Cornelius Krump http://corneliuskrump.com/ ヒゲめ...。 How To Spend It http://howtospendit.ilsole24ore.com/ 数字が全部宝石やスカーフで表現されてる。撮影で作ったのかな? OH-MY-DESIGN.com http://www.oh-my-design.com/ 日本人 Akiyoshi Ishigamiさんのサイト。アートな感じでカッコいい。 Pasta Maltagliati http
SVGを圧縮/最適化できるSVGOはMissing,GUIとのことで、プレビューできるGUIを付けたWebツールです。 Oh my gosh!!(太字の部分から SVG “OMG” だ、そうです…) SVGOモノはよくあるヤツかもしれませんけど、 でもまぁ使ってみると、サクサクっとプレビューしながら触れるのは凄く便利。手軽で良いですね。 わかりやすい例でやるとこんな感じです。車体、後ろの方が少しパスが雑になってる。 ページ右上に圧縮率とサイズ SVGOMG https://jakearchibald.github.io/svgomg/ まだ開発途中だからフィードバックしてね、との事。 詳しくて英語できる方、是非。 https://github.com/jakearchibald/svgomg/blob/master/README.md ひとこと 3日連続で更新したった
HEZYさんでこんなiPhone5cの画像が上がってたんですよね。 紫のiPhone5c すんげーカワイイ… 今の色展開はこの5色 既に無かった事にされるんじゃないかって勢いのiPhone5cですが、他に色んなカラーがあったらどうなのかなって、ふと思いまして。適当に並べてみました。 色はPANTONE Spring 2015から。 気に入った色があったらツイートボタンで是非ともシェアしてみてください。 まずは今年のMarsala。渋め この色でツイート! Tweet #OtherColor5c Aquamarine この色でツイート! Tweet #OtherColor5c Scuba Blue この色でツイート! Tweet #OtherColor5c Lucite® Green この色でツイート! Tweet #OtherColor5c Class
London, DtailStudio さんから iPhone 4 iPhone 4S iPhone 5 iPhone 5C iPhone 5S iPad Mini iPad Air Macbook Air Macbook Pro iMac 27 HTC One Nexus 5 Nexus 7 Nexus 10 Nokia Lumia Samsung S4 Samsung S5 Note 3 が、 PSD / AI / SVG(!) で揃って、更にReal と Flat がそれぞれ揃ってこのお値段(フリー) ダウンロードはこちらから SVG devices|DtailStudio http://dtailstudio.com/mobile-devices でもライセンスがどこに書いてあるやら・・・ ひとこと どうにも更新が出来ないので、こういう軽い感じで更新続けようと思います
もっとあると思うけど、とりあえずよく使いそうなヤツまとめました。 必要に応じてご自由に加筆・コピペしてご使用ください。 当方、責任は一切負いません。 コピペの場合、URLとOS/ブラウザ等のバージョンに気をつけてください。 推奨環境 OS Windows Vista、Windows 7、Windows 8、Mac OS X 10.4以降 ブラウザ Internet Explorer 9 以上 Google Chrome 最新版 Firefox 最新版 Safari 最新版 ※使用しているバージョンを確認する方法についてはこちらからご確認ください。 Windows Mac PDF PDFファイルを閲覧する場合にはAdobe® Reader® (Acrobat Reader 7.0以上)が必要となります。 Adobe® Reader® のダウンロードはこちら 動画 動画を視聴す
デザイナー不要説。もちろんデザイナー必要だと思うんです。 けど、 安い物、人が使ってる物、ブランド物、そういうのが人気な日本だと本質無視するコンシューマーが多いし、それどころか企業もそれがわかってるから、当然狙ってきます。売れなきゃやらないです。 しっかり調査して、調査結果を元にブランディングして広告もバンバン打ち出して、あたかも流行ってるイメージを固めて打ち出す。そんなのが主流ですよね。 海外で人気の (ほら、ハリウッド女優も使ってる。お前らなんかよりイケてるあの人たちが使ってるんだから使うしか無いでしょ) あのブランドが (ブランド品です。ブランド品は品質が良いのです。) ついに日本上陸! (今まで買えなかったよ!プレミアムだよ!) 消費者タレントのAさんの声「すっごく良いです!」 (なんで使えてるんだろうね?海外から輸入してるのかな?ほら、タレントだからね)
友人が本を共著で書いたというので購入。 予想以上に面白かったのでご紹介です。買って良かった! 内容はというと、 例えばこのように最近のトレンドについて具体的なことが書かれていたり 役立つツール集のページがあったり 参考になるサイトや書籍のまとめがあったり プロトタイピングツールの紹介がまとめられていたり 具体的に導入方法も紹介されていたり 総ページ数160ページでびっしり盛りだくさん書かれているので読んだ後に色んな知識が得られるのはもちろんなのですが、Amazonレビューにもあるように著名な方々が書かれてる事もあって、デザインに対するさまざまな視点だったり考え方だったりを汲み取って読んでいくのが非常に楽しめる一冊でした。 友人から一言。 @maka_velicom この度は、ご紹介いただきありがとうございます。感想としては、今回は突然執筆のお話をいただきバタバタで終わり
おまえは今まで食ったパンの枚数をおぼえているのか? 覚えてないですよね。普通。 今回はジョジョの話しをしたいわけでは無く、成長の話しです。 冒頭のセリフジョジョの登場人物、ディオの有名なセリフ。 知らない方に簡単にご説明すると、ディオは吸血鬼の設定で、人間である登場人物から「いったい何人の生命をその傷を癒すのに吸い取った?」と自身が傷を癒やす為に吸血した数を比喩して放つセリフ。感覚が人間とは違い、生活の中で自然に行われているような、狂気を含むなんとも悪らしいセリフです。 当然、自分が食べた数多くのパンなんて、いちいち数えられませんよね。 食事をする事自体には勿論本能ですから興味はあるのですが、日常的に食べるパンの枚数をいつまでも覚えてるなんてバカバカしいので、当然覚えていられません。興味が無くなるので。 遠回りになりましたが、今回はこの興味について。 ある分野で有名になる人、
(あぜんどぅー)で良いのかな?Evernote経由で偶然見つけたんですけど、まだ日本語記事がほとんど無いのでご紹介。感触としてはなかなか良いです。今はメインで使ってます。 基本的な機能は(詳細は省略) タスク作成。作業日/週/月と、それとは別に期限を設定可能。両軸で設定した各タスクはプラン別に表示、あるいは期限別に表示ができる。 ワークスペースを作成しユーザー間でタスクを共有 ワークスペース内でのメッセージ Sbujects として各タスクをカテゴライズ可能(プロジェクト名とか) タスク毎にもメンバー招待ができ、その中でもコメント機能有り タスクは非公開(プライベート用タスクなど)にも設定可能 タスクにはファイル添付が可能(オンラインストレージを連動されると、ストレージ内のファイルを呼び出し可能) タスクから関係者にSkypeを直接コール可能 背景テーマ変更可能 といったところ。 期限
ビジネスや人材育成で内的報酬と外的報酬ってよく言われるじゃないですか。 アレをWebキャンペーンなんかでもユーザー心理として活用出来るので、今回はそのお話し。 そもそも 外的報酬 何かの対価として受け入れられる報酬の事で、例えば1日(8時間)働いたら貴方には数千円あげますよ、という報酬がお金や物など自分以外から受け入れられる具体的な報酬。 内的報酬 自らの感覚で得られる報酬の事で、仕事をしたら「成長できる」「褒められて嬉しい」「人と出会えて楽しい」など、自分の中で感じる報酬。 仕事の場だと 例えば、新しいプロジェクトが大成功し、特別ボーナスとして数万円もらえた場合。 外的報酬として「このプロジェクト、寝ずに数ヶ月必死で頑張ったのに、お金にするとたったこんだけの額なのか」という風に仕事がお金に直結してしまいます。 極端な話しだと、特別ボーナスが無い場合。 内的報酬として「こ
CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s
「現場のプロが教えるWeb制作の最新常識」は、 タイトル通り、今のトレンド等を交えて非常にわかりやすく、初心者にも読みやすく、面白く読める本でした。 新人スタッフに「読んでおいて」と渡して数日経つと”イマドキ”になって帰ってくる素敵な本。 「Sublime Textの教科書」の方は、 もうコーディングするなら知らない人は居ない程、恋に落ちた話題になってたSublime Textを、これまた非常にわかりやすく解説してくれて、この通りに本を読んで手を動かせば、ほらもうマスター、という感じのSublime Textバイブルと言って良い程。 どちらも下記よりお試し版がダウンロードできます。 会社に1冊、とりあえず置いておいても良いですね。 Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ 劇的にコーディング作業がはかどる! - i
超今更ですけど、いつもなんとなくググりながらやっていて何も残していなかったのでメモっておきます。丁度今さっきやってたので。 ただしだいぶ既出なので細かいところ割愛は省略しています。流れだけ。 ちなみに移管はこのブログの話しじゃないです 流れ FC2管理画面 > ツール > データバックアップ > エクスポート > 記事全部 > 全ての記事 > ダウンロード をクリックして○○○○.txtをダウンロード。 次に、同ページ下部の ファイルバックアップ > 画像ファイル >ページ○○ > リストを開く をクリックして、表示される画像を全てダウンロード。 FireFoxだと DownThemAll とかアドオンで一気にダウンロードできますが、100件単位でページが分かれてるので、数が多いと結構辛い。 通るかわからないけど、管理画面から一気に全ファイルDLして後でゴニョゴニョして画像フ
jolicloudも2になって(beta)更に高機能になったようですね。 Feedly対応してくれたのは嬉しい。 Jolicloud 2 Teaser from Jolicloud on Vimeo. 元々はOSの方がメインだったようですが、ウェブツールの方がニーズはあるでしょうね。 とりあえず、これらのサービスと全て連携できます。 joli 外でiPhoneから記事をpocketしてエバノでメモしてデータをDropboxで入れて…。 デスクトップに戻ったらブラウザのホームに設定したJolicloudからそれらを抜き取ってまとめてTumblrとFacebookにアップして。 みたいな使い方は出来ます。 WordPressとかTwitterとかDribbbleとか、閲覧だけでも色々もっと連携してくれたらなぁ。。 iOSアプリもあるよ。 jolicloud https:/
普段から気にかけていることがあります。 ディレクターだけでなく、営業代理店など、あるいはお客さんなど、よく仕事をしていて感じさせるのが、この仕事(タスク)は誰の仕事だ?と。 まぁ取りまとめて、役割分担するのがディレクターの仕事でもあるんですが。 仕事って、責任を取りたがらない部分も人によってはあると思うんですよね。責任とは言わずとも、単純にやりたくない、とか。そういうのが大体下請けの方に回ってくるんですけれども。 その取りまとめっていう部分、単なるパイプだと思ってる方が多いかなと危惧してます。 そもそも、ディレクターって何?ディレクターって必要なの?とか言われますけど、正直、このパイプだけやってるならディレクターいらないですよね。誰でも出来るし。 パイプするならフィルターを ディレクションって大きく2つ、大事な仕事があると思っていて、 それは「品質管理」と「進行管理」 人に
なんとなく胡散臭いタイトル。 こないだスマスマでファレルが出てましたね。ファレル好きなんで、凄く久しぶりにスマスマを観てみたんですよ。オンタイム?まさかー、録画ですよ。あの時間に家に居ません。社畜なんで。 キムタクが出てる番組ってそういえばあんまり最近見てないなーと思いました。昔から、なんとなーく好感持てるなと思って、わりと好きではあったと思います。でも面白い事言うわけでもないし、カッコいいけど男が憧れるー!っていうタイプでも無いですよね? そんな事を思いつつ観てたんですけども。 で、 ビストロのコーナーでスキージャンプの葛西さんが出てました。レジェンド。 そのコーナー無いでジャンプの練習の1つを紹介されていて、練習内容は、ジャンプする人間と支える人間で二人一組になり、支えの人に向かってジャンプし支える方は手でジャンパーを持ち上げる、みたいなヤツ。 これって支えの人を信用して
普段頼んでいるイラストレーターさんのタッチと違うイラストが描ける良いイラストレーターさんいらっしゃらないかなーとWebから探していたのですが、せっかくなので溜めておきます。 検索サイトっていうかイラストレーター集団みたいな感じの会社さんとかもありますけど。 イラストレーションファイルWeb http://i.fileweb.jp/ 玄光社が運営するイラストレーター検索サイト。 雑誌「イラストレーション」に掲載されている作品、イラストレーターがベースです。 それぞれイラストレーター別にページが設けられていて、右上のContactから直接連絡をとる事が可能。 クリエイターズ・バンク http://www.creatorsbank.com/ クリエイター同士を繋いだりするポータルサイトなんですが、直接メッセージ送れます。 特にイラストに特化させてるわけでは無いですが、ポートフォリ
次のページ
このページを最初にブックマークしてみませんか?
『Maka-Veli.com - ユーモアのある人生を。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く