デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選！（前編） | nanapi TechBlog

2013/11/20 9001 users nanapi TechBlog CHINNEN 前編 タネ

宮城県産まれ、ヒップホップ育ち、spacer.gif持ってるヤツはだいたい友達なnanapiのデザイナー、CHINNENです。 2014年、準備完了！・・・と、なるように2013年に世界の凄いデザイナー達の中で話題になったWebサイトを振り返ってみましょう。 来年の自分の進化のタネがきっと見つかると思います。前編と後編、各54選でざーっくりとお送りいたします。 ニュースジャンルごとのインデックスは... 続きを読む

ペーパープロトタイピングが捗る！iPhoneUIキットを作ってみた | nanapi TechBlog

2014/05/07 9000 users アクショ ペーパープロトタイピング MURA ダイアログ バン

こんにちは！パンとインターネットさえあればだいたい幸せなデザイナー、mura24です。iPhoneアプリ「アンサー」のデザインを担当しております。 ペーパープロトタイピングあるある さて、アンサーチームでは、大掛かりな機能追加やUI変更を行う場合、まず、ペーパープロトタイピングを実施してからPhotoshopでデザインに落としこむフローを採用しています。 紙でUIを描き起こし、ダイアログやアクショ... 続きを読む

Android Studioで始める！レイアウト超入門 | nanapi TechBlog

2014/04/02 8999 users nanapi TechBlog 上谷 イケ ヤバ メリット

はじめに こんにちは！とても背が大きなデザイナーの上谷（うえたに）です！ 今回はAndroidアプリ開発におけるレイアウトファイルの基本的な書き方と、デザイナーがそこを担うメリットを紹介していきたいと思います。 Android Studioってなに？ Getting Started with Android Studio | Android Developers ちまたの開発者の間でイケてるしヤバ... 続きを読む

デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選！（前編） | nanapi TechBlog

2013/11/20 8999 users nanapi TechBlog CHINNEN 前編 タネ

宮城県産まれ、ヒップホップ育ち、spacer.gif持ってるヤツはだいたい友達なnanapiのデザイナー、CHINNENです。 2014年、準備完了！・・・と、なるように2013年に世界の凄いデザイナー達の中で話題になったWebサイトを振り返ってみましょう。 来年の自分の進化のタネがきっと見つかると思います。前編と後編、各54選でざーっくりとお送りいたします。 ニュースジャンルごとのインデックスは... 続きを読む

新しい開発スタイルの導入とデザイナーに求められる役割 | nanapi TechBlog

2014/10/22 8994 users nanapi TechBlog 役割 導入 上谷 nanapi

はじめに こんにちは！焼鳥が好きなデザイナーの上谷です！好きな食べ物は焼鳥です！ nanapiでは、ハウツー情報提供サービス「nanapi」以外にも、即レスコミュニケーションアプリ「アンサー」や、最近では新規サービスとして「Hello」や「emosi」などもリリースしており、スマートフォンアプリを中心に、多くのサービスを運営しています。 当然それぞれのサービスで、ターゲットとなるユーザーやプラット... 続きを読む

【ディレクション初心者向け】必ず読んでおきたいnanapiで人気のライフハック記事10選 | nanapi TechBlog

2014/08/08 8994 users nanapi プレゼンテーションスキル ディレクション 世間

こんにちは！nanapiで毎日元気に働いているさいそうです！ 世間ではエンジニア、デザイナーの二人体制でサービス開発をするスタイルが増えてきており、ディレクターでなくても様々なディレクション業務を行うことがあります。そこで今回は、nanapi.jpに掲載されている記事の中から、ディレクションを行う際に必ず役に立つであろう10記事をご紹介したいと思います。 1.プレゼンテーションスキルを向上しよう！... 続きを読む

本当は怖くない！デザイナーがGitを大好きになった♡５つの理由 | nanapi TechBlog

2014/04/23 8992 users nanapi Git yunico デザイナー職 苦手意識

こんにちは！もうすっかり春ですね❀ nanapiのyunicoですヾ(°◡°)ﾉﾞ さて、わたしはデザイナー職ですが、使いこなせているか使いこなせていないかはさておき、Gitが大好きです♡ 最初は「難しそう…」と嫌厭する気持ちもありましたが、いまでは苦手意識など吹き飛び大好きに♡ 今回はデザイナーのわたしがGitを大好きになった5つの理由をご紹介したいと思います。 その１：本当はそんなにむずかしく... 続きを読む

新人必見！倍速かつ高品質なバナーを作るためのコツを全公開します | nanapi TechBlog

2013/10/02 8992 users nanapi TechBlog バナー nanapi コツ

はじめに こんにちは、デザイナーのyunicoです。nanapiではタイアップ記事なども扱っているため、バナーを作る機会も多くあります。今回はわたしが実践している「倍速かつ高品質なバナーを作るためのコツ」をまとめて紹介します。 まず、貰ったワイヤーは見過ぎない 一番はじめのコツとして、貰ったワイヤーや、参考にしてと渡された別バナーなどを見過ぎないことです。そのままの構成に引っ張られ、レイアウトのア... 続きを読む

デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選！（後編） | nanapi TechBlog

2013/12/04 8991 users nanapi TechBlog 後編 nanapi psd

Web業界の皆々様！2013年もお世話になりました！nanapiのデザイナー、CHINNENです。 デザイナーのつぶやきから振り返る2013年話題になったWebサイト108選！（前編）に続いて後編は、デザイナーのみならず、日々やることが増えるにWeb業界の方々にオススメの54選です！ iOS 7 GUI PSD iOS 7 GUI PSD ご存知Teehan+Laxが贈るiOS7のGUI。既にフル... 続きを読む

デザインが捗る！nanapiデザイナーおすすめphotoshop・illustrator 関連ツール7選 | nanapi TechBlog

2013/10/30 8991 users nanapi TechBlog nanapi デザイン 普段

デザインが捗る！nanapiデザイナーおすすめphotoshop・illustrator 関連ツール7選 こんにちは！デザイナーの mura24 です。 いつも青い服を着ているのですが、最近、お会いしたことのない方からも「nanapiの青いやつ」として覚えていただいていると知りました。ありがとうございます。 さて、今回は、私が普段デザインする上で活用している、Photoshop・Illustrat... 続きを読む

なるべく失敗を減らしたい！プレゼンをするときに押さえておきたいポイントまとめ | nanapi TechBlog

2014/08/20 8923 users nanapi TechBlog プレゼン shell 失敗

こんにちは！毎日早く秋が来ないかな〜と思っているyunicoですヾ(°◡°)ﾉﾞ さて、先日ふたつのイベントでLT（ライトニングトーク）をさせていただきました。LTとは5分ぴったりで行うプレゼンのことです。 登壇したイベントと資料はこちらです ▼ 【nanapi勉強会 vol2 – Shellの活用でこれだけ毎日が便利になる】 発表内容：デザイナーがshellで操作をするまで 【Github Ka... 続きを読む

Photoshopを使って1人4役で、会議してる風に見せるチュートリアル | nanapi TechBlog

2013/08/14 7916 users Photoshop チュートリアル CHINNEN 迫力 お前

こんにちは。開発部のデザイナー、CHINNENです。 世のデザイナーなら誰しも・・・ 「予算的に今回はモデルさんが一人までです。」とか、 「絵に何かこうー・・・迫力がないんだよなー」とか、 「お前（デザイナー）、コピペできないかなー」とか、言われた事があると思います。 そんな困ったデザイナーのお役立ち「Photoshopを使って1人4役で、会議してる風に見せるチュートリアル」を今回紹介します。 準... 続きを読む

スモールチームでアプリを開発したお話 | nanapi TechBlog

2015/10/30 7781 users nanapi TechBlog スモールチーム アプリ 独身

2015/10/30 こんにちは。早いものでもう6ヶ月もnanapiでお世話になっているデザイナーのたけお@ottieeです。 独身をこじらせたブログを時々更新しています。 Amigoというアプリを作りました Amigoは動画とトークを軸にしたシンプルなコミュニケーションアプリです。2015/10/14にGoogle Playに公開しました。Android版先行リリースです。iOSの方は今しばらく... 続きを読む

誰よりも高速でUIを作るためのPhotoshop効率化2015 | nanapi TechBlog

2015/08/14 7778 users nanapi TechBlog pho nanapi タケオ

2015/08/14 こんにちは。ちょっと前からnanapiでお世話になっているデザイナーのたけお(@ottiee)です。 独身をこじらせたブログを時々更新しています。 今回はPhotoshopを使ってデザインを作成するときの効率化について、モバイルアプリケーションのUIを例として、お話ししたいと思います。 はじめに Photoshopの基本的な操作ができる方が対象です。使用するバージョンはPho... 続きを読む

PingMag デザインの教養を積む

2007/01/22 3907 users PingMag JAGDA AIGA タイポグラフィ 教養

グラフィック・デザイナーの育成過程というものは、偶然の産物であることが珍しくない。現在活躍中のグラフィック・デザイナーの中にも、少なからぬ人数がデザインの正式な教育を受けずに今日の地位を築いている。デザインの学部教育には時として遺憾な点も多く、正式なタイポグラフィの講座もなければ、ソフトウェア指導も不完全、現実に基づいたクライアントや契約の対処法も教えてはくれないし、何よりも、JAGDAやAIGA... 続きを読む

UIデザインをするうえでデザイナーが理解すべき3つのこと | eureka tech blog

2015/12/22 3803 users eureka tech blog UIデザイン うえ 岩崎

はじめに この記事は “UI Design Advent Calendar 2015” へ寄稿した記事です。 （ http://www.adventar.org/calendars/987 ） こんにちは。デザイナーの岩崎です。 私は今年の4月にエウレカへ入社するまで、全くのUIデザイン初心者でした。 今回は、UIデザインの世界へ足を踏み入れたばかりの私が どのようにして今までやってきたのか、自分... 続きを読む

pairs開発責任者が考える「プロダクト・マネジメント」に必要な5つの資質 | eureka tech blog

2015/12/25 3798 users 資質 マネジメント pairs プロダクト 趣向

皆さん、こんにちは。 eureka Advent Calendar 25日目は 初日 も担当しました石橋がお送りします。 最終日は趣向を変えて、僕が開発責任者として携わってきたpairsでの経験を通して感じた プロダクト・マネジメントに必要な資質 を 5つに分類 して書き起こました。それぞれの資質にpairsでの実例やその資質を磨く方法・書籍も交えながら紹介します。 エンジニアやデザイナーでもプロ... 続きを読む

多言語・マルチデバイス対応のpairsを、チームでデザインするためのデザインデータ管理方法とは？ | eureka tech blog

2015/12/06 3794 users pairs エウレカ デバイス リードデザイナー チーム

はじめまして。デザイナーの原です。エウレカの自社サービス「pairs」でリードデザイナーをしています。 さて唐突ですが、自社サービスを開発・運営している会社では、 「デザインデータはどう管理してるの？」 と、きっと気になっている人もおられるのではないかと思います。私は正直気になります。いろいろな企業に聞いてまわりたいです！ pairsで展開しているデバイスは、「Web版PC」「Web版スマートフォ... 続きを読む

これだけ守れば見やすくなるデザインの基礎 - Speaker Deck

2019/04/18 3026 users Speaker Deck 基礎 twitter.com 言葉

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 ご質問はTwitter@kinakoboosterまでお気軽にどうぞ。 https://twitter.com/kinakobooster 株式会社Xe... 続きを読む

ど素人でもプロ並みのチラシが作れてしまう…「Picky Pics」がデザイナー殺しな件 : まだ東京で消耗してるの？

2014/07/11 2754 users ピッキーピックス Picky-Pics チラシ プロ並み 素人

これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背... 続きを読む

漢字も使える！「日本語フリーフォント」42個選びました【無料】

2013/01/14 2640 users 漢字 日本語フリーフォント フォント 日本語フォント 商用利用

こんにちは。 フォントをひとつ変えるだけで、その作品のイメージが大きく変わったりします。 デザイナーであってもなくても、何かを創るときに「フォント」にはこだわりたいものです。 そこで、漢字も揃っていてフリーで使える日本語フォントを激選してみました。（著作権や商用利用可能かについては簡単に触れていますが、詳細については各サイトに飛んでご確認ください） Ｍ+ 色々なタイプの太さや形に対応していますので... 続きを読む

配色に悩んだときに、きっと役立つ7つの配色技法【基本】

2012/06/29 2466 users 配色 沢山 基本 Webデザイナーさん 経験

私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、... 続きを読む

よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？(深津貴之) - 個人 - Yahoo!ニュース

2015/09/07 2381 users 世間 本稿 身内 発言 認識

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性の... 続きを読む

デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）*ホームページを作る人のネタ帳

2011/09/20 2104 users 原則 台詞 ネタ帳 基礎 チョイス

webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 とりあえず時間のない人はこの3つだけでも食べて... 続きを読む

良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】

2012/02/23 2085 users CSS Illustrator Weblog HTML センス

デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良... 続きを読む