サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
nanameue.jp
iOSのホーム画面のレイアウト、フォントなどの値について研究してみました。 環境はiPhone5、iOS6.0.2です。 アプリケーションはIllustrator CS6を使い、ホーム画面のスクリーンショットの上からオブジェクトを配置して検証。 今回検証しておもしろいと感じた部分としては、アイコンのレイアウトが微妙に等間隔ではないということと、欧文と日本語でフォントサイズが違うという点でした。
人気エントリー Web制作するときに探す素材サイト&参考にするサイトまとめ : はじめまして ナナメウエデザイナーのはっち(@hacching)です。 さて、今日は私がWeb制作をす...by hacchi | posted on 2012/10/29 デザイナー死亡かるたをデザインしました : 先日Togetterでまとめられて世間を賑わした「デザイナー死亡かるた」。 これ実際に、デスマーチで...by suzuki | posted on 2012/10/26 illustratorで修正が簡単な文字枠を作る方法 : こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死に...by suzuki | posted on 2012/10/25 テクニカルなフリーフォント100個 : テクニカルなデザインに使えるフリーフォントを厳選して集
雪すごいですね。 今日これから帰ろうとする人や、明日の出勤が不安な人が多いと思いますので、交通機関の運行情報を見ることができるiOSアプリをまとめてみました。 東京メトロアプリ Tokyo Metro Co., Ltd. 価格: 0円 posted with sticky on 2013.1.14 メトロユーザー限定ですが、アプリを起動するとすぐにその路線の運行情報を見ることができます。 トラフィック情報 道路渋滞・鉄道運行・空港運行情報など、交通情報をまとめてLINE UP! Samurai International 価格: 0円 posted with sticky on 2013.1.14 下部のタブから「交通機関」 → エリアを選択して、道路・鉄道・空港の運行状況を見ることができます。 乗換NAVITIME NAVITIME JAPAN CO.,LTD. 価格: 0円 po
Photoshopではいくつかチュートリアルがありますが、illustratorでの表現方法は見つからなかったのでメモ的に。 別にベクターで作る必要もないんですけど、リサイズだったりカラーバリエーション作る時に便利だったりします。 まずは作りたいサイズでオブジェクトを用意します。 今回はiOSのアイコンサイズである512px x 512pxで作っていきます。 色は上が#664c2a、下が#452a09の色でグラデーションをかけてます。 そこに[効果] → [アーティスティック] → [スポンジ]を適用します。 値は「ブラシサイズ:1」「鮮明度:0」「滑らかさ:15」です。 次に立体感をだすため、[効果] → [スタイライズ] → [光彩(内側)]を適用します。 色は#000000に設定し、「描画モード:乗算」「不透明度:30%」「ぼかし(144px)」の値を入力します。 今回は
最近イラレの変態とか呼ばれてます鈴木(@suzukisan__)です。 今回は新しく見つけたイラレの裏技を紹介します。 環境はCS6ですので、他のバージョンでもできたという方はご報告して頂けると喜びます。 ラスタライズなしでぼかしの限界値を越える方法 Illustratorのぼかしの限界値を超える方法 | ナナメウエBlog 以前こちらの記事でも紹介したのとは別の方法です。 こちらはアピアランスの分割をして表現しているのですが、ぼかしが画像化してしまうのでスマートじゃないですよね。 結果としてはこのようになります。 どちらもぼかしの値としては30pxですが、ぼかし(ガウス)だと四角形みたいになっていますが、今回紹介する方法では綺麗なぼかしです。 さらにぼかしの値を上げても綺麗に表現することができます。 それではネタばらししていきましょう。 正解はドロップシャドウでした。 X軸
日付を勘違いしていたはっちです。 お誘いいただきエントリーしておりましたAdvent Calendar #LOVEFONT ナナメウエ参加者メンバー全員が日付を間違えるという失態で申し訳ありません さてさて、今回ご紹介しますはっちのおすすめフォントは「Calibri」です。 Calibriとは? まずはWikipediaをご覧ください。 Calibri – Wikipedia http://en.wikipedia.org/wiki/Calibri ・・・わからないです。はっちエイゴワカラナ〜イ! ということで、簡単に説明させていただくと、 「Windows VISTAの標準搭載フォント」。 ・・・とくにインパクトなくてごめんなさい・・・ なんですきなの? なんですきなのか。 それは4年ほどまえ、制作会社に勤めていたときに 先輩のつくったデータを引き継いだ事がありました。 も
MacのDockに表示されるアイコンを作ってみました。 よく使うAdobeのアイコンをちょっとテクニカルにした感じです。 上の画像に表示されているPhotoshop , illustrator , Premire , AfterEffects , InDesign , FireWorks , Flash , Dreamweaver に加え、Museのアイコンも同封されています。 AdobeIcons.zip 512pxのpngとicnsの形式で保存されているので、アプリケーションのフォルダの中にicnsファイルを入れることで変更することができます。 詳しいやり方はこちらを参考にしてください。 Macをもっとオシャレにする方法
理由はどうあれ、今さらQRコード読み取りアプリをリリースしました! 水曜日夜に申請して土曜日朝に審査に通りました。過去最短の速さでした。 今さらQR – わりかしシンプルなQRコードリーダー 1.0(無料) カテゴリ: ユーティリティ, 仕事効率化 販売元: ナナメウエ(サイズ: 1.2 MB) 全てのバージョンの評価: (2件の評価) 概要 1994年に日本のデンソーによって開発されたQRコード。手軽に作成できるという点と、携帯電話の普及に伴い瞬く間に世界中で使用されるようになった。 その最大の特徴は、横方向にしか情報を持たないバーコードと違い、縦横に情報を持つため格納できる情報量が多く、WebサイトのURLのみならず、電話番号や文章などの情報も埋め込むことができる点だ。 しかし、QRコードの全盛期は過ぎ去った。 2000年代の携帯電話の多くの端末にはQRコードの読み取り用のカ
WEBCRE8の優さんの企画ではじまった#LOVEFONT。 自分の担当の日を一日勘違いしてました鈴木ですごめんなさい。 ホントは7日のうちに仕上げたかったんですが普通に日付越えてしまいました。 さっそくですがフォントの紹介をさせて頂きます。 今回はスタイリッシュな形が印象的な「Eurostile」を簡単にですが紹介したいと思います。 Eurostileとは EurostileはイタリアのAldo Novarese(アルド・ノバレーゼ)さんが1962年に作ったフォントです。 ゆるやかな角丸が特徴的で、特にExtendedは横に長くなっているタイプフェイスをしており、未来的な印象のサンセリフ体です。 EurostileはSF映画やゲームのデザインなど、デジタルっぽさを感じさせるデザインに合いそうですね。 よくEurostileのExtendedはBank Gothicと比べられ
最近いろいろとillustratorで作られたデザインを探してて、ついでに素材サイトなども見つけたのでメモ。 他の人の作り方を見ていると、画像ではこれガウス(ぼかし)かなーとか思ってても、実際はグラデーションマップで作られたりとかあっておもしろいです。 特に昔のバージョンで作られてるものほど今はあまり知られてない技術が使われてたりするので参考になります。 以下、最近見つけた高品質なサイトです。 どこのサイトもけっこうな量をストックしているのでオススメです。 商用フリーで使える影絵素材サイト シルエットデザイン デザイン枠、飾り罫素材専門サイト「フレームデザイン」frame-design.com Free-Style – ALL FREE Popular Vectors – EPS, AI and SVG Vectors for free Download Free Vecto
以前、こちらの記事でも紹介していましたが、illustratorのぼかし(ガウス)には限界値があります。 illustratorにある2種類の「ぼかし」の違いと特徴について検証してみた | ナナメウエBlog アートボードで設定されている解像度にも関係するのですが、72dpiの場合では16,17px以上のぼかしをかけると長方形の枠ができて、それ以上ぼかしが広がらなくなります。 この現象を勝手にぼかしの「限界値」とか「最大値」って呼んでます(正式な名称はあるんでしょうか?)。 ちょっとしたぼかしであればこの値に達することはないのですが、最近iOSのアイコンではRetinaディスプレイの登場で1024pxまで必要になりました。 そうすると、必然的にオブジェクトのサイズも大きくなるので、ぼかしも大きくかけないといけなくなります。 そこで、解決方法というか回避方法をご紹介。 どちらもぼか
こんちくわ。ナナメウエのエンジニアのいっしー(@takachan114)です!! 味噌おでんが食べたいです。 10月31日に退社してから、ノマド生活が続いています。毎日2~3カ所くらいサンフランシスコのカフェを巡っています。まだまだ上のマップの半分くらいしか制覇していませんが…w というわけで今日は僕のおすすめカフェ10選を紹介します!!レッツノマド!! 1. COFFEE BAR おそらくサンフランシスコでもっともギークが集まるカフェ。カフェも一人用シートがずらーっと並ぶ内装。ただし、あまりに有名すぎてお昼にいくとスタートアップでごった返して席を確保できない….WiFiも接続人数が多すぎてつながりづらいこともしばしば。朝早く起きて行くべし!! 向かいにあるスターバックスも広々としていておすすめです!! WiFiのつながりやすさ ★★ 電源の多さ ★★★★ 静かさ ★★★★ 交通の便 ★★
こんちわわ! ナナメウエのエンジニアのいっしー(@takachan114)です!! 最近寒くてやばいです。風邪ひきます。 はてさて、さっそくですが今日はオンライン英会話で有名なレアジョブをはじめてみたお話をしようと思います。 レアジョブって? ほとんどの方はもう知っていると思うのですが、知らない方のためにすこしご紹介。 レアジョブはSkypeを使ったオンラインマンツーマン英会話です。フィリピン人の先生と一回150円くらいでレッスンが受けられます。駅前留学の10分の1以下ですね☆ NOVAうさぎもびっくりですわ。(追記.NOVAは倒産したそうです) 時間も結構フレキシブルで、先生もかなり多いです。 アメリカにいるのになんでレアジョブしてんの? 始めたきっかけは、学校とインターンが終わったので英語を話す機会が激減したことです。アメリカに住んでいるのにです。留学生の方はわかると思いますが、学校と
こんちわわ!! ナナメウエのエンジニア、いっしー(@takachan114)です。 最近気づいたことは、自分が猫アレルギーかもしれないということですわ。こりゃ大変ですわ。 という訳で、今回は我らがGithubがドッジボール大会を開催するとのことで行ってきました。Githubはもちろん、HerokuやSquareなど現在のサンフランシスコ、シリコンバレーを代表する新鋭ベンチャーが17チームが参加するトーナメント形式の大会です。 サンフランシスコ/シリコンバレーの一流エンジニアはオフィスにひきこもってパソコンをカタカタやってるだけの貧弱野郎と思ってはいませんか?僕は思っていましたよ!!笑 当日の熱気、ガチムチっぷりに圧倒されたのは言うまでもありません。天才エンジニアはボールの軌道を瞬時に計算したりするんじゃないかと思っていましたが、そんなこと全くありませんでした。動画はコチラ↓ 最近僕は運動不
こんチワワ! ナナメウエエンジニアのいっしー(@takachan114)です。日本への帰国のチケットをとろうとしたらクレジットカードがDeclineされました。帰るなということでしょう。 今回は日本からの留学生の方によく聞かれる「海外インターンってどう応募するの?」「海外インターンってどんな感じなの?」という質問に答えをシェアしたいと思います。これから留学される方、留学している方の助けになればなと思います。僕の経験はあくまでひとつの例にすぎないので、他の州では違うかもしれませんし、他の職場では違うかもしれませんのであしからず。 海外インターンってどう応募するの? 海外インターンの応募方法は、人を通じての紹介、留学エージェンシーや学校のプログラムの利用、企業のリクルートページからエントリーなどなどたくさんあります。 その中でも僕が一番お勧めするのが働きたい企業のリクルートページからResum
こんにちは。たきしま(@zeroro713)です。 groupTableViewBackgroundColorというと、まぁ文字通りなんですが、UITableViewのUITableViewStyleGroupedのBackgroundColorですね。 この設定とかのしましまのやつです。↓ 今までは、UIColorのgroupTableViewBackgroundColorで得られていたんでうすが、iOS6から少し変わって、コレで指定すると単色で真っ黒とか真っ白とかになります。そしてどうしたらあの背景にできるのか悩んでしまいました。 コレを従来通りのしましまに指定する方法をメモしておきます。 やり方 やり方は簡単。 背景設定したいコンテンツの裏に空のUITableViewを仕込む おいおいまじかよ。って最初思ってしまったんですが、 + (UIColor *)groupTableVie
こんにちは、擬人化したリュウミンは綺麗なお姉さんだと思ってます鈴木(@suzukisan__)です。 今回は「このフォント打ちそうだなー」、「守備うまそうだなー」という鈴木の独断と偏見で妄想のスタメンを組んでみました。 欧文フォントvs日本語フォントという図になっていますが、そのうちサンセリフ打線とかスクリプト打線、または国別でも作ってみたいです。 それではまずは欧文打線からいきましょう! これで野球やるならホームベースは銅板、各塁のベースは碑文とかから切り出して作って欲しいです、よろしくお願いします。 欧文フォントチーム 1番 (中) 右投左打 Snell Roundhand 【イギリス】 2番 (二) 右投右打 Copperplate Gothic 【アメリカ】 3番 (遊) 右投両打 Helvetica 【スイス】 4番 (一) 左投左打 Impact 【イギリス】 5
人気エントリー Web制作するときに探す素材サイト&参考にするサイトまとめ : はじめまして ナナメウエデザイナーのはっち(@hacching)です。 さて、今日は私がWeb制作をす...by hacchi | posted on 2012/10/29 illustratorで修正が簡単な文字枠を作る方法 : こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死に...by suzuki | posted on 2012/10/25 デザイナー死亡かるたをデザインしました : 先日Togetterでまとめられて世間を賑わした「デザイナー死亡かるた」。 これ実際に、デスマーチで...by suzuki | posted on 2012/10/26 ObliqueとItalicって結局なにが違うの?ってお話 : フォント選びをしている時によく
デザインをしていて、フォントに悩むことってよくありますよね。 私はロゴとかになると自分のMacに入っているフォントを全部検証したりすることもありますが、これがけっこう大変。 今回は私がやっているフォント検証の方法をご紹介します。 ただ最終的には目視での確認→決定になりますので、それを少しでも効率化したり、違うフォントの可能性に触れてみる方法についてです。 Font Bookで任意の文字を入力する方法 Macに標準搭載されている「Font Book」というアプリがあります。 フォントをインストールする際に、直接ライブラリに入れる方法もありますが、ダブルクリックするとこのFont Bookが起動します。 アプリケーションフォルダにありますので、Dockに入れておくとすぐに起動できて便利だったりします。 で、このFont Bookがなんで便利なの?って話。 通常はFont Bookを
はじめまして ナナメウエデザイナーのはっち(@hacching)です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材! 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚(何枚だっけ)限定ですが、無料素材がDLできます。 商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング 完全無料の写真・Web素材(バナー、オブジェクトなど)素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富!シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB
フォント選びをしている時によく目にする「Oblique(オブリーク)」と「Italic(イタリック)」。 どちらも同じ斜めになっている書体ですが、微妙に細部がちがいます。 ちなみにこの斜体がファミリーに含まれているフォントというのは、長い本文での使用を想定して作られたものですので、欧文で本文を組む際にはファミリーに斜体が含まれているか確認するといいかもしれません。 使い方としては、文章中の強調したい部分や固有名詞に使われることが一般的です。 さて、ちょっと脱線しましたが、ObliqueとItalicの違いについて見て行きましょう。 Obliqueはただ斜めにしたもの こちらはHelvetica Obliqueの41ptです。 実はこれ、Helvetica Regularを斜めにしたものと全く同じです。 上はHelvetica Regularをillustratorの[自由変形ツール]
こんチワワ。いっしーです(@takachan114)サンフランシスコがボストンと同じくらい寒くて驚愕しています。あったかいとこ行きたい!!ハワイ行きたい!! 最近は米国のゲーム市場でも日本のソーシャルゲームの存在感が増してきましたね。 games.comやgamespot.comといった有名ゲームニュースサイトにも、連日日本のソーシャルゲームが取り上げられています。はんぱねえ! というわけで今回は米市場で戦う日本のソーシャルゲームについて皆さんにご紹介します。米国のAppleIDがあれば日本からでも遊べるのでぜひ気になるゲームがあったら遊んでみてください。 1. Rage of bahamut もうこちらは僕が紹介する必要ないですね。日本の先頭を突っ走るCygamesさんの本格RPGカードバトルです。wikiも盛り上がってます。ダウンロードはこちら 2. Legend of the Cr
先日Togetterでまとめられて世間を賑わした「デザイナー死亡かるた」。 これ実際に、デスマーチで年を明けてしまったデザイナー達が正月にやったらカオスだろうなーと思って作ってみました。 zipの中にpdfが保存されていますので、印刷してお使いください。 ※ご本人@airpad_sole様に掲載許可を頂いております。 元記事 デザイナー死亡かるた – Togetter 遊び方 遊び方は簡単です。 1,こんな感じのpdf(実際にはトンボが入ったもの)を公開したのでダウンロードします。 2,2部ずつ印刷して、トンボの内側で切ります。 3,営業の人に1セットを渡して読んでもらいます。 4,デザイナー陣がカルタをとります。 5,一番多く枚数を獲得した人が、次に会社を去る人です。 【カルタのデザインに関して】 「字詰めが汚い」 「お前、横体かけてんじゃねぇよ!」 「フォントださい」 な
クリエイティブチーム ナナメウエのブログです。illustratorで修正が簡単な文字枠を作る方法 2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 [続きを読む...] 続きを読む あまり知られていないillustratorのスポイトツールの小
2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ
こんにちは、デザイナーの鈴木(@suzukisan__)です。 みんな大好きイラレのスポイトツール。 今回はそんなスポイトツールのちょっとした小技を紹介していきます。 アートボードの外から色を吸い出す こんな感じで色を欲しがっているオブジェクトがあります。 今回はこのオブジェクトの色を、DockにあるFileZillaのアイコンの色に変えてみます。 まずはこのオブジェクトを[選択ツール](ショートカットは「v」)でクリックして、[ツールバー]から[スポイトツール]を選択(ショートカットは「i」)。 そしてアートボード上でドラッグしたままイラレの外に持っていくと… イラレの外の画面から色を吸い出すことができました。 この方法を使えば、今開いてるブラウザの画面や、プレビュー中の画像の中から好きな色を選択することが可能です。 さらにドラッグしている間はMission ControlやL
こんにちは。たきしま(@zeroro713)です。 今回は私が普段iOS開発をする際に使ってるツールなんかを紹介してみます。 画面設計のお供 iPhone Idea Sheet 私は画面設計を紙でやるのですが、そのときに愛用させて頂いているのが三階ラボさんのiPhone Idea Sheetです。 三階ラボ | iPhone Idea Sheet ver.01 使いやすいです。あまりに使いやすいのでコレに似せてiPhone 5用にiPhone5 Idea Sheetなるものをうちで作成しました。 iPhone5のワイヤーフレームに使えるアイデアシートをイラレで作りました Be Creative Be Happhy/// ナナメウエBlog 画像作成のお供 同じ画像でも数種類のサイズが必要だったり、突然Appleの仕様変更などで新しい画像が必要になったりするスマートフォン開発。
こんにちはライブラリのフォントの数がもうすぐ3000を超えそうな鈴木(@suzukisan__)です。 イラレを使ってて毎回大変なのがフォントを選ぶ作業だと思います。 ロゴやタイトル周りの欧文では、いろいろなフォントの可能性を試したくなってついついフォントが増えてしまいます。 でも普段やるデザインで使うオーソドックスなものは決まっているので、せめてそれだけでも取り出しやすくしたいですよね。 登録後はこのようにドラッグアンドドロップでフォントを抜き出して使うことができます。 何を隠そうシンボル化してあるだけなんですけどね…。 こんな感じでフォントの系統ごとに整理しておくとかなり使いやすくなるかと思います。 私は「テクニカル」「細め」「手書き」「DTP」などで個別に保存しておいて、進行中のデザインに合ったフォントを検証したりします。 それではシンボルへの登録の仕方を書いていきます。
2012年10月17日 投稿者: suzuki View Demo Download Level: Easy Duration: 15分 Author: suzuki こんにちは鈴木(@suzukisan__)です。 偶然紙のような質感を表現する方法を編み出したので紹介します。 高校の時とかに使ってたあの微妙に薄いノートみたいな感じですかね。 ベクターデータで作っておくと自由にサイズを変えることができるので、覚えておくとなにかと便利です。 まずは白のオブジェクトを2枚作り、前面にある白オブジェクトに[効果] → [アースティック] → [粒状フィルム]を適用します。 粒状フィルムは「粒子:20」「領域のハイライト:0」「密度:6」に設定します。 白のオブジェクトだと粒状フィルムをかけてもわかりずらいので、粒子の設定はなるべく高いほうがいいです。 続いてこのオブジェクトに[効果]
次のページ
このページを最初にブックマークしてみませんか?
『株式会社ナナメウエ - nanameue, Inc.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く